admin 管理员组

文章数量: 1086019

iCheck组件使用方法总结

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)
});

本文标签： iCheck组件使用方法总结

版权声明：本文标题：iCheck组件使用方法总结 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/b/1686729054a30146.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。