iCheck组件使用方法总结

常用方法

$(".i-checks").iCheck({
        checkboxClass: "icheckbox_square-green",
        radioClass: "iradio_square-green",
    });

    $("#isCheckAll").on('ifChecked', function(event) {
        $('input').iCheck('check');
    });

    $("#isCheckAll").on('ifUnchecked', function(event) {
        $('input').iCheck('uncheck');
    });

	//选中
    $('input[type="checkbox"]').on('ifChecked', function() {
        $(this).val('1');
    });
	//未选中
    $('input[type="checkbox"]').on('ifUnchecked', function() {
        $(this).val('0');
    });

实例代码

html

 <div class="win_check" data-win-check="1">
<input type="checkbox" class="flat"  id="win_check_1">
</div>

<input type="hidden" value="0" id="only_win_1" name="only_win[]">


 <div class="win_check" data-win-check="2">
<input type="checkbox" class="flat"  id="win_check_2">
</div>

<input type="hidden" value="0" id="only_win_2" name="only_win[]">

js

//一人一奖 win_check 传参写法
$('.win_check').on('ifChecked', function () {
    var prize_rank = $(this).attr('data-win-check');
    $('#only_win_' + prize_rank).val(1)
});

$('.win_check').on('ifUnchecked', function () {
    var prize_rank = $(this).attr('data-win-check');
    $('#only_win_' + prize_rank).val(0)
});