Jquery一个函数阻止复选框为其他函数工作

时间:2018-04-12 23:59:33

标签: javascript jquery

在下面的示例中,如果单击按钮重置所有复选框。我只选择某些按钮的下一个按钮将不起作用,但是当我先点击它时它会起作用。有任何想法吗?

$(function(){
   jQuery('.selectA-button').click(function(){
      $('.circle1L').addClass('circle-on');
      $('.circle2L').addClass('circle-on');
      $('.circle3L').addClass('circle-on');
      $('.circle4L').addClass('circle-on');
      $('.circle5L').addClass('circle-on');
      $('.circle6L').addClass('circle-on');
      $('input[name=onoffswitch1L]').attr('checked',true);
      $('input[name=onoffswitch2L]').attr('checked',true);
      $('input[name=onoffswitch3L]').attr('checked',true);
      $('input[name=onoffswitch4L]').attr('checked',true);
      $('input[name=onoffswitch5L]').attr('checked',true);
      $('input[name=onoffswitch6L]').attr('checked',true);
  });
$(function(){
  jQuery('.reset-button').click(function(){
       jQuery('.box-on').toggleClass('box-on');
       jQuery('.circle-on').toggleClass('circle-on');
       jQuery('.circle-on2').toggleClass('circle-on2');
       $('input:checkbox').attr('checked',false);
  });
 });

1 个答案:

答案 0 :(得分:1)

见这一行:

allList.clear()
 allList.addAll(SettingHandler().getListAllSetting().toMutableList()) //Observable Doesn't Work

使用$('input:checkbox').attr('checked',false); 代替

https://api.jquery.com/removeAttr/

.removeAttr仍会包含已检查的属性

https://www.w3schools.com/tags/att_input_checked.asp

用此测试:

checked="false"

以上标记显示已选中的复选框。

=============================================== =======================

修改:实际上最好使用<input type="checkbox" checked="false"/> 和。prop('checked', true);

见小提琴: https://jsfiddle.net/dwrr3z35/6/