jquery – 收音机框,获取检查值[iCheck]

基本无线电箱

<div class="adv_filter">
    <li>
        <input type="radio" name="letter_type" data-custom="Text" value="0"> Text</li>
    </li>
        <li>
            <input type="radio" name="letter_type" data-custom="Text" value="0"> Text</li>
    </li>
</div>

iCheck转换

<!-- iCheck output format
<div class="adv_filter">
    <li>
        <div class="iradio_square-orange checked" aria-checked="true" aria-disabled="false" style="position: relative;"><input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255,255,255);"><ins class="iCheck-helper" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255,255);"></ins></div> Text</li>

        <li>
            <div class="iradio_square-orange" aria-checked="false" aria-disabled="false" style="position: relative;"><input type="radio" name="letter_type" data-custom="Text" value="0" style="position: absolute; top: -20%; left: -20%; display: block; width: 140%; height: 140%; margin: 0px; padding: 0px; border: 0px; opacity: 0; background: rgb(255,255);"></ins></div> Text</li>

</div> -->

当你看到检查附加到div ..

$(document).ready(function () {
        $('input').iCheck({
            checkBoxClass: 'icheckBox_square-orange',radioClass: 'iradio_square-orange',increaseArea: '20%' // optional
        });
        $("li").on("click","input",function () {
            var val = $(this).val();
            //updateDataGrid(val);
            alert(val);
        });

    });

问题和说明

在添加icheck插件之前,提供了JavaScript代码正常工作,
我想知道如何在icheck插件中获得相同的结果.它的简单,在无线电点击它存储的值变量后来进一步传递给函数.

实例：http://jsfiddle.net/9ypwjvt4/

iCheck：http://fronteed.com/iCheck/

解决方法

将处理程序附加到ifChanged事件：

$('input').on('ifChecked',function(event){
  alert($(this).val()); // alert value
});

有11 ways to listen for changes：

> ifClicked – 用户点击自定义输入或分配的标签
> ifChanged – 输入的检查,禁用或不确定状态改变
> ifChecked – 输入的状态更改为检查
> ifUnchecked – 已检查状态被删除
> ifToggled – 输入的检查状态改变
> ifdisabled -input的状态更改为禁用
> ifEnabled – 禁用状态被删除
> ifIndeterminate – 输入的状态更改为不确定
> ifDeterminate – 不确定状态被删除
> ifCreatedinput – 只是定制
> ifDestroyed – 定制已被删除

JSFIDDLE