jQuery icheck 回调 - 单击了哪一个

jquery icheck callback - which one was clicked

本文关键字:哪一个 单击 icheck 回调 jQuery      更新时间:2023-09-26

我正在使用iCheck jQuery库,似乎无法找到一种方法来检测事件与哪个元素有关。设置任何回调始终返回每个元素,而不仅仅是我单击的元素。我需要找到切换了哪个元素,而不是全部。

$("input").on('ifToggled', function(e){
  console.log(this); //returns all 3 checkboxes below
  console.log(e.currentTarget); //returns all 3 checkboxes below
  console.log(e.target); //returns all 3 checkboxes below
});
<input type="checkbox" class="icheck" name="exercise[27][save_as_default]" style="position: absolute; opacity: 0;" value="1">
<input type="checkbox" class="icheck" name="exercise[498][save_as_default]" style="position: absolute; opacity: 0;" value="1">
<input type="checkbox" class="icheck" name="exercise[240][save_as_default]" style="position: absolute; opacity: 0;" value="1">

一旦我给复选框元素唯一 ID,它就起作用了。

你也可以使用类名而不是"input"。

$('.icheck').on('ifToggled', function () {
      if ($(this).prop("checked")) {
          console.log($(this).val());
      }   
 })

您可以在没有任何外部库的情况下执行此操作

$(".icheck").on('change', function(){
    console.log(this.name);
});