如何使用jquery更改单击时输入按钮的文本?

斯蒂诺

我想在单击按钮时将以下按钮的添加文本更改为“删除”。

<input class="btn btn-6d" ahref="www.test.com" type="button" value="ADD"/>

我为此使用了以下jquery代码:

$(':input[type="button"][class="btn-6d"]').click(function(){
var $this = $(this);
$this.toggleClass('btn-6d');
if($this.hasClass('btn-6d')){
    $this.value('ADD');         
} else {
    $this.value('REMOVE');
}
});

我的选择器可能做错了事,但是我对编程还比较陌生,无法弄清自己做错了什么。

这是您可以玩的小提琴:

http://jsfiddle.net/stijn777/shzuwu0v/

提前致谢,

斯蒂金

编码消失了

您使用value()而不是val()下面的所有内容都只是一点点清理而已:)

JSFiddle:http : //jsfiddle.net/TrueBlueAussie/shzuwu0v/3/

   // Find the element by the generic btn class
    $(document).on('click', '.btn:input[type="button"]', function(){
        var $this = $(this);
        $this.toggleClass('btn-6d');
        if($this.hasClass('btn-6d')){
            $this.val('ADD');           
        } else {
            $this.val('REMOVE');
        }
    });

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用jquery单击按钮时如何更改文本颜色?

来自分类Dev

使用 jQuery 单击按钮时无法显示输入中的文本

来自分类Dev

使用jQuery单击输入类型按钮时如何更改画布背景图像?

来自分类Dev

如何使用jquery在单击时更改表格行的文本

来自分类Dev

如何使用jquery在单击时更改锚标记的文本?

来自分类Dev

单击按钮时使用动态输入ID清除输入文本区域-jQuery

来自分类Dev

单击按钮时使用动态输入ID清除输入文本区域-jQuery

来自分类Dev

jQuery单击后更改输入按钮值属性文本

来自分类Dev

单击按钮时如何更改按钮的文本?-迅捷

来自分类Dev

单击时如何更改文本和按钮图像(或按钮)

来自分类Dev

使用jQuery单击链接时更改文本

来自分类Dev

单击时更改按钮文本

来自分类Dev

如何制作一系列按钮,这些按钮可在使用Tkinter单击时更改文本

来自分类Dev

jQuery:单击更改按钮文本

来自分类Dev

单击单选按钮时禁用或启用文本输入表单,使用 Jquery

来自分类Dev

在jquery中单击时更改按钮文本(显示/隐藏/显示)

来自分类Dev

单击输入按钮时,输入文本消失

来自分类Dev

使用jQuery,当我在输入框之外单击时如何更改输入元素的值?

来自分类Dev

如何更改按钮单击时的textView的文本大小?

来自分类Dev

每次单击时如何更改按钮的文本值?

来自分类Dev

ReactJS:如何在按钮单击时更改文本值

来自分类Dev

如何使用jQuery检测按钮是否已单击或输入的值已更改?

来自分类Dev

当文本更改为其他内容时,如何使用Selenium和Python单击按钮?

来自分类Dev

使用jQuery单击事件后,应更改输入按钮的值

来自分类Dev

如何使用jQuery自动更改按钮文本?

来自分类Dev

单击按钮时显示文本输入值

来自分类Dev

jQuery文本区域调整大小无法与单选按钮单击时的jQuery div内容更改结合使用

来自分类Dev

单击时更改按钮文本(更多/更少)

来自分类Dev

单击单选按钮时更改文本

Related 相关文章

  1. 1

    使用jquery单击按钮时如何更改文本颜色?

  2. 2

    使用 jQuery 单击按钮时无法显示输入中的文本

  3. 3

    使用jQuery单击输入类型按钮时如何更改画布背景图像?

  4. 4

    如何使用jquery在单击时更改表格行的文本

  5. 5

    如何使用jquery在单击时更改锚标记的文本?

  6. 6

    单击按钮时使用动态输入ID清除输入文本区域-jQuery

  7. 7

    单击按钮时使用动态输入ID清除输入文本区域-jQuery

  8. 8

    jQuery单击后更改输入按钮值属性文本

  9. 9

    单击按钮时如何更改按钮的文本?-迅捷

  10. 10

    单击时如何更改文本和按钮图像(或按钮)

  11. 11

    使用jQuery单击链接时更改文本

  12. 12

    单击时更改按钮文本

  13. 13

    如何制作一系列按钮,这些按钮可在使用Tkinter单击时更改文本

  14. 14

    jQuery:单击更改按钮文本

  15. 15

    单击单选按钮时禁用或启用文本输入表单,使用 Jquery

  16. 16

    在jquery中单击时更改按钮文本(显示/隐藏/显示)

  17. 17

    单击输入按钮时,输入文本消失

  18. 18

    使用jQuery,当我在输入框之外单击时如何更改输入元素的值?

  19. 19

    如何更改按钮单击时的textView的文本大小?

  20. 20

    每次单击时如何更改按钮的文本值?

  21. 21

    ReactJS:如何在按钮单击时更改文本值

  22. 22

    如何使用jQuery检测按钮是否已单击或输入的值已更改?

  23. 23

    当文本更改为其他内容时,如何使用Selenium和Python单击按钮?

  24. 24

    使用jQuery单击事件后,应更改输入按钮的值

  25. 25

    如何使用jQuery自动更改按钮文本?

  26. 26

    单击按钮时显示文本输入值

  27. 27

    jQuery文本区域调整大小无法与单选按钮单击时的jQuery div内容更改结合使用

  28. 28

    单击时更改按钮文本(更多/更少)

  29. 29

    单击单选按钮时更改文本

热门标签

归档