jquery Bootstrap ICheck-Helper未在更改的事件上触发

6qftjkof  于 2022-12-12  发布在  jQuery
关注(0)|答案(4)|浏览(219)

我有这个Jquery代码来根据复选框是否被选中来更新复选框。但是,这并没有触发。

代码

$('body').on('change', '.territory', function () {
    var PK = $(this).find('input:checkbox:first').val();
    var PKStr = '.parent' + PK;
    console.log('change!');
});

$('body').on('change', '.iCheck-helper', function () {
    //var PK = $(this).find('input:checkbox:first').val();
    //var PKStr = '.parent' + PK;
    console.log('change!');
});

<div class="row">
  <div class="col-md-12 col-lg-12">
    <label class="control-label">
      Selected Territories
    </label>
  </div>

  @for (int c = 0; c < 2; ++c)
  {
     int Count = 0; 
     <div class="col-md-6 col-lg-6">
     @foreach (var ter in Infobase.MMS.Models.ComboBoxValues.GetTerritoryRights(0))
     {
        if (Count % 2 == c)
        {
          <label>
            <input type="checkbox" class="territory" value="@ter.Key">
                                                        &nbsp;@ter.Value

          </label>
        }
        Count++;
      }
   </div>
  }    
</div>

我试过绑定到iCheckbox-Helper上的click函数和change函数,也试过直接绑定到复选框。但是似乎都不起作用。当我不添加Icheck.js脚本时,一切都正常。
有没有人知道如何从 Bootstrap Icheckhelper类挂钩到更改的事件?

fwzugrvs

fwzugrvs1#

使用documentation(Web归档版本)中提到的ifChanged或ifChecked

$('input').on('ifChecked', function(event){
  alert(event.type + ' callback');
});
zynd9foi

zynd9foi2#

我只是在全局范围内添加了这个,它对我很有用。

$(".i-checks input").on('ifChanged', function (e) {
    $(this).trigger("change", e);
});
gab6jxml

gab6jxml3#

添加触发onClick事件的jQuery事件

$('input[type="checkbox"], input[type="radio"]').on('ifChanged', function (e) {
     $(this).trigger("onclick", e);
});
nqwrtyyt

nqwrtyyt4#

这对我很管用。

$(document).on("ifChecked", "input", function () {alert("Changed");})

相关问题