icheck插件使用实例

实现checkbox的单选功能

同layui一同使用实例

<script type="text/javascript">
   $(function(){
    //layui相关模块的目录icheck.js位置
    layui.config({
    base: '${ctx}/plug-in/layui/modules/'
    });

//初始化layui
    layui.use(['form','icheck'], function(){
     var $ = layui.jquery, 
     form = layui.form();
    //checkbox框
     $('input').iCheck({
    checkboxClass: 'icheckbox_flat-green'
    });
   
    //点击tr选中当前行
     $("tr").click(function(e){  
       var checkTwo = $(this).find("td input[type='checkbox']");  
       if(checkTwo){  
           var flag = checkTwo[0].checked;  
           if(flag){  
           
checkTwo.iCheck('uncheck');
           }else{  
           
checkTwo.iCheck('check');
           };
       };
    });   
    //监听复选框
    $('input[name ="ids"]').on('ifChecked', function(event){  
    $("input[name='ids']").each(function(){
       var obj1 = $(this);
       var classAttr = obj1.parent().attr("class");
       if(classAttr.indexOf("checked")>=0){
       
obj1.parent().iCheck('uncheck');
       }
       });
    });
   
    });
   });

</script>

<td><input type="checkbox" name = "ids" lay-filter="filter" lay-skin="primary" value="1"></td>