layui复选框勾选禁用另外的复选框

<div class="tab-pane fade" id="test"><br>
   <div class="radiocheck" id="son">
   	<input type="checkbox" lay-skin="primary" lay-filter="lock" id="r_week" name="w" value="all" class="firstradio"> 选项一
     </div>
        <div class="radiocheck">
          <div data-trigger="spinner" class="loopspin">
          	<div class="radiocheck" id="son">
              <input type="checkbox" lay-filter="lock" lay-skin="primary" value="2">选项二
          	</div>
      		</div>
    </div>
 </div>

 layui.use(['layer', 'form'], function () {
        var form = layui.form;
        form.render();
        layer = layui.layer;
        var $= layui.$;
  			form.on('checkbox(lock)', function(data){
            var checkboxs=$(this).parents('#test').find('#son input[type="checkbox"]');
            if(data.elem.checked){
                checkboxs.prop('disabled',true);//勾选，其余禁选
            }else{
                checkboxs.prop("checked", false).prop('disabled',false);//设置全部复选框选中状态为取消，并可以选中
            }
            form.render('checkbox'); //更新复选框
        });
  
  });

效果：选中一个复选框会使另外一个（或多个）复选框置灰，不可选。