javascript - jquery icheck 回调 - 点击了哪一个

Question

我正在使用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">

Answer 1

一旦我为复选框元素提供了唯一的 ID，它就起作用了。

Answer 2

您也可以使用类名而不是“输入”。

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

Answer 3

您可以在没有任何外部库的情况下做到这一点

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