Bootstraps ICheck-Helper 不会在更改事件时触发 [英] Bootstraps ICheck-Helper does not trigger on changed event

问题描述

我有此 Jquery 代码将根据复选框是否已选中来更新复选框.但是，这不会触发.

代码

$('body').on('change', '.territory', function () {var PK = $(this).find('input:checkbox:first').val();var PKStr = '.parent' + PK;console.log('改变！');});$('body').on('change', '.iCheck-helper', function () {//var PK = $(this).find('input:checkbox:first').val();//var PKStr = '.parent' + PK;console.log('改变！');});<div class="row"><div class="col-md-12 col-lg-12"><label class="control-label">选定地区

@for (int c = 0; c <2; ++c){整数计数 = 0;<div class="col-md-6 col-lg-6">@foreach(Infobase.MMS.Models.ComboBoxValues.GetTerritoryRights(0) 中的变量){如果(计数 % 2 == c){<标签><input type="checkbox" class="territory" value="@ter.Key">&nbsp;@ter.Value}计数++；}

}

我已经尝试绑定到 iCheckbox-Helper 上的点击功能和更改功能以及直接绑定到复选框.然而，两者似乎都不起作用.当我不添加 Icheck.js 脚本时，一切正常.

有人知道如何从引导程序 Icheckhelper 类挂钩更改的事件吗?

解决方案

使用文档中提到的ifChanged或ifChecked

$('input').on('ifChecked', function(event){警报(事件.类型+'回调')；});

I have this Jquery code to be updating checkboxes base on whether a checkbox has been checked. However, This does not fire.

Code

$('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>

I've tried binding to the click function and change function on iCheckbox-Helper as well as directly to the checkboxes. However neither seem to work. Everything does work fine when I dont add in the Icheck.js script.

Does anybody know how to hook into on changed event from bootstraps Icheckhelper class?

解决方案

Use ifChanged or ifChecked mentioned in the documentation

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

这篇关于Bootstraps ICheck-Helper 不会在更改事件时触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！