让复选框实现单选功能

在项目中，我们往往做管理页面的查询功能时，遇到这种情况，即：查询条件有两个选择，有和无，如果是有的情况，则需要另外输入一个文本进行模糊查询，如果是无的情况，则将输入框置为无效，只查询无的情况。咋一看，有或无，只能成立一种情况，那么我们可以将两个条件设置成单选框，要么有，要么无。但在实际中，我们查询时，肯定是默认加载所有数据，所以，如果把这个条件做成单选框，那么一旦选中了一个条件，就无法选中另外一个条件了。而且单选框一旦选中，无法取消选中状态，所以，我们只能采用复选框，可以选中两个，或者都不选，而且可以取消自身的选中状态。
如图：

但在实际中，我们默认两个条件都不选才是查询所有，而不能两个条件都选中，才是查询所有，因为如果选择有代表0，无代表1，而这两个条件是and关系（x=1 and x=0），那么这个查询肯定查询不出数据。为了避免这种情况，我们不能让复选框进行复选。
以下是基于layui监听复选框选中事件实现的复选框单选：

        <div class="layui-input-inline" style="width:146px">
            <input type="checkbox" lay-filter="nocard" name="s_ifnocard" lay-skin="primary" value="0" title="有证"/>
            <input type="checkbox" lay-filter="nocard" name="s_ifnocard" lay-skin="primary" value="1" title="无证"/>
        </div>
        <div class="layui-input-inline" style="width:510px">
            <input id="s_unitname" name="s_unitname" type="text" class="layui-input" style="width:380px;" disabled/>
        </div>

    form.on('checkbox(nocard)', function(data){
        var val = data.value;
        //如果checkbox的值不等于选中的checkbox的值则移出选中状态
        $(":checkbox[name='s_ifnocard'][value!='" + val + "']").removeAttr('checked');
        if (val == 1) {//如果value=1表示选中的是无，则将文本域置为disable
            $("#s_unitname").val("");
            $("#s_unitname").attr("disabled", "disabled");
        } else {
            $("#s_unitname").removeAttr("disabled");
        }
        form.render();
    });