使用iCheck-helper时如何处理无线电事件？

Question

我想在变更事件上处理单选按钮.但是,由于设计人员已经使用了iCheck-helper,因此在运行代码时不会执行实际的无线电操作.

下面是代码

<div class="radio-wrap">
   <input type="radio" id="bg-effect" value="full" />Full Image
</div>

当我们运行代码并检查chrome中的代码时,生成的HTML如下所示.

<div class="radio-wrap">
  <div class="iradio_minimal-grey checked"><input type="radio" id="bg-effect" value="full" checked="" style="position: absolute; opacity: 0;"><ins class="iCheck-helper" style="position: absolute; top: 0%; left: 0%; display: block; width: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255, 255, 255);"></ins></div>Full Image
</div>

要捕获所选值,我想处理此单选按钮的更改事件.

Answer 1

根据文档,您可以使用以下ifChanged事件:

$('#bg-effect').on('ifChanged', function(event){
    alert(event.type + ' callback');
});