layui的復選框變為單選

checkBox單選：

　　比較喜歡layui的checkbox的樣式，功能要求單選。我的第一想法就是js控制嘛。像下面一樣。

$(document).ready(function(){
    $('#checkOnly').find(':checkbox').each(
         function(){
         $(this).click(function(){
         　　if($(this).is(':checked')){
            　　$(this).attr('checked',true).siblings().attr('checked',false);
               }else{
               　　$(this).attr('checked',false).siblings().attr('checked',false);
               }
            });
        }
    );
13 });

　　達不到效果。排除后發現，不加上layui的from的樣式是完全可以達到效果的。那原因在layui本身了。百度了一波。

layui.use(['element', 'form', 'laydate'], function() {
     var form = layui.form;
     var laydate = layui.laydate;
     form.on('checkbox(oneCheck)', function(data){       
     　　$("input[name='checkOne']").prop("checked", false);
        $(this).prop("checked", true);           
        form.render('checkbox');    
     });      
     form.render('checkbox');
});

　　測試后發現是完全可以的。附上：

　　　<form class="layui-form" action="" lay-filter="example">
         <div class="layui-form-item">
             <div class="layui-input-block" id="checkOnly">
                 <input type="checkbox"  title="一個月" name="checkOne" value="1" lay-filter="oneCheck"  checked>
                 <div class="layui-unselect layui-form-checkbox">
                     <span>一個月</span>
                     <i class="layui-icon layui-icon-ok"></i>
                 </div>
                 <input type="checkbox"  title="三個月" name="checkOne" value="3" lay-filter="oneCheck">
                 <div class="layui-unselect layui-form-checkbox">
                     <span>三個月</span>
                     <i class="layui-icon layui-icon-ok"></i>
                 </div>
                 <input type="checkbox"  title="半年" name="checkOne" value="6" lay-filter="oneCheck">
                 <div class="layui-unselect layui-form-checkbox">
                     <span>半年</span>
                     <i class="layui-icon layui-icon-ok"></i>
                 </div>
                 <input type="checkbox"  title="一年" name="checkOne" value="12" lay-filter="oneCheck">
                 <div class="layui-unselect layui-form-checkbox">
                     <span>一年</span>
                     <i class="layui-icon layui-icon-ok"></i>
                 </div>
             </div>
         </div>
     </form>