jQuery-无法通过onClick事件将类添加到按钮

加勒特

我试图将一个类添加到具有onClick事件的按钮onClick事件触发一个弹出窗口alert,告诉用户选中一个框。一旦你选中一个复选框,它会禁用onClick$("#continue").prop('onclick',null).off('click');一旦onClick被禁止,我想补充class,一旦它被点击的按钮:

//Updated JS
jQuery(function($) {
 if ($("#continue").hasClass("selected")) {
  $(this).addClass('active');
 }
 $('#button').click(function(){
  $("#continue").addClass('selected');
  $("#continue").prop('onclick',null).off('click');
 });
});

//Button HTML
<a id="button" href="javascript:void(0)">Pick me</a>
<a id="continue" href="javascript:void(0)" onclick="showError()">Continue</a>

但是没有class添加。不知道怎么回事。

阿尔弗雷多

也许您可以触发一个函数来验证元素是否具有所需的类,如下所示:

function validate(element) {
  if ($(element).hasClass('selected')) {
    $(element).addClass('active');
  } else  {
    alert("this is an error");
  }
}

$(function() {
  $('#button').click(function() {
    $("#continue").addClass('selected');
  });

});
.selected {
  color: red;
}
.active {
  color: green;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<a id="button" href="javascript:;">Pick me</a>
<a id="continue" href="javascript:;" onclick="validate(this)">Continue</a>

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将jQuery click事件添加到Django admin保存并继续按钮?

来自分类Dev

如何将jquery ui事件处理程序动态添加到动态创建的按钮?

来自分类Dev

无法将jQuery UI按钮样式添加到所有按钮Codeigniter

来自分类Dev

使用选定的jQuery将事件添加到按钮后,将事件添加到按钮

来自分类Dev

如何阻止jQuery-ui将类添加到我的按钮

来自分类Dev

将jQuery click事件添加到生成的按钮后面的代码中

来自分类Dev

jQuery-onClick将类添加到最多3个元素

来自分类Dev

jQuery-onClick将类添加到最多3个元素

来自分类Dev

通过jquery动态将类名添加到div

来自分类Dev

使用jQuery将onclick事件添加到音频时间轴

来自分类Dev

将jQuery click事件添加到KendoUI网格列模板中的按钮

来自分类Dev

将类添加到div后,运行click事件-JQuery

来自分类Dev

尝试将事件动态添加到jQuery事件日历

来自分类Dev

将Jquery onclick事件添加到特定类中的所有链接

来自分类Dev

如何通过jQuery将CSS添加到类中?

来自分类Dev

无法将jQuery UI按钮样式添加到所有按钮Codeigniter

来自分类Dev

使用JS / JQuery按类选择文档后,将onclick事件添加到按钮

来自分类Dev

通过Jquery将类添加到选定的li

来自分类Dev

jQuery将事件添加到星级

来自分类Dev

通过jquery动态将类名添加到div

来自分类Dev

使用jQuery将“ onClick”事件添加到动态div

来自分类Dev

jQuery-无法通过onClick事件将类添加到按钮

来自分类Dev

jQuery-将事件侦听器添加到动态创建的按钮

来自分类Dev

使用jQuery将click事件添加到类中

来自分类Dev

将悬停并单击事件添加到下拉按钮-Jquery

来自分类Dev

jQuery DataTables 将类添加到基于表数据的事件行

来自分类Dev

如何通过jQuery将Class添加到按钮组中的一个按钮?

来自分类Dev

将事件添加到已添加的动态 DOM 按钮 - jQuery

来自分类Dev

使用 jQuery 将 onclick 事件添加到链接

Related 相关文章

  1. 1

    如何将jQuery click事件添加到Django admin保存并继续按钮?

  2. 2

    如何将jquery ui事件处理程序动态添加到动态创建的按钮?

  3. 3

    无法将jQuery UI按钮样式添加到所有按钮Codeigniter

  4. 4

    使用选定的jQuery将事件添加到按钮后,将事件添加到按钮

  5. 5

    如何阻止jQuery-ui将类添加到我的按钮

  6. 6

    将jQuery click事件添加到生成的按钮后面的代码中

  7. 7

    jQuery-onClick将类添加到最多3个元素

  8. 8

    jQuery-onClick将类添加到最多3个元素

  9. 9

    通过jquery动态将类名添加到div

  10. 10

    使用jQuery将onclick事件添加到音频时间轴

  11. 11

    将jQuery click事件添加到KendoUI网格列模板中的按钮

  12. 12

    将类添加到div后,运行click事件-JQuery

  13. 13

    尝试将事件动态添加到jQuery事件日历

  14. 14

    将Jquery onclick事件添加到特定类中的所有链接

  15. 15

    如何通过jQuery将CSS添加到类中?

  16. 16

    无法将jQuery UI按钮样式添加到所有按钮Codeigniter

  17. 17

    使用JS / JQuery按类选择文档后,将onclick事件添加到按钮

  18. 18

    通过Jquery将类添加到选定的li

  19. 19

    jQuery将事件添加到星级

  20. 20

    通过jquery动态将类名添加到div

  21. 21

    使用jQuery将“ onClick”事件添加到动态div

  22. 22

    jQuery-无法通过onClick事件将类添加到按钮

  23. 23

    jQuery-将事件侦听器添加到动态创建的按钮

  24. 24

    使用jQuery将click事件添加到类中

  25. 25

    将悬停并单击事件添加到下拉按钮-Jquery

  26. 26

    jQuery DataTables 将类添加到基于表数据的事件行

  27. 27

    如何通过jQuery将Class添加到按钮组中的一个按钮?

  28. 28

    将事件添加到已添加的动态 DOM 按钮 - jQuery

  29. 29

    使用 jQuery 将 onclick 事件添加到链接

热门标签

归档