Javascript 使用jquery onclick事件禁用所有switchery

Javascript 使用jquery onclick事件禁用所有switchery,javascript,jquery,Javascript,Jquery,我需要使用jquery禁用switchery复选框,单击按钮的事件。 我知道有一个disable()方法,但我不知道如何在函数中使用它,因为问题是我必须首先在switchery初始化时检索所有复选框,我不知道如何 我的JSFIDLE示例:保留对创建的switchery项的引用,然后遍历它们并调用disable var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch')); var switche

我需要使用jquery禁用switchery复选框,单击按钮的事件。 我知道有一个
disable()
方法,但我不知道如何在函数中使用它,因为问题是我必须首先在switchery初始化时检索所有复选框,我不知道如何


我的JSFIDLE示例:

保留对创建的switchery项的引用,然后遍历它们并调用disable

 var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
 var switcheries= [];
 elems.forEach(function(html, index) {
    var switchery = new Switchery(html,{size: 'small',});
    switcheries[index] = switchery;
  });


   $("#dis").on("click", function(){

        $("input[type='checkbox']").attr("disabled", true); // works for standard input checkbox only

      // now i want to retrieve all existing swithcery to disable them
      //switchery.disable();
     switcheries.forEach(item => item.disable());

   });

});

保留对已创建switchery项的引用,然后遍历它们并调用disable

 var elems = Array.prototype.slice.call(document.querySelectorAll('.js-switch'));
 var switcheries= [];
 elems.forEach(function(html, index) {
    var switchery = new Switchery(html,{size: 'small',});
    switcheries[index] = switchery;
  });


   $("#dis").on("click", function(){

        $("input[type='checkbox']").attr("disabled", true); // works for standard input checkbox only

      // now i want to retrieve all existing swithcery to disable them
      //switchery.disable();
     switcheries.forEach(item => item.disable());

   });

});

点击
禁用所有复选框后
链接
禁用
所有复选框,有什么问题吗?没有。它只禁用标准复选框。它不会禁用switchery复选框单击
禁用所有复选框
链接它
禁用
所有复选框后,会出现什么问题?不会。它只禁用标准复选框。它不会禁用switchery Checkbox这就是我要找的!谢谢这就是我要找的!谢谢