复选框做单选框使用

页面：
<div class="form-inline form-group">
    <label class="pull-left">是否加急*：</label>
    <div class="form-inline checkbox" id="isUrgentDiv">
        <label>
            <input type="checkbox" name="isUrgent" onclick="checkedThis(this,this);" value="0" checked>一般
        </label>
        &nbsp;&nbsp;&nbsp;&nbsp;
        <label>
            <input type="checkbox" name="isUrgent" onclick="checkedThis(this,this);" value="1">加急
        </label>
    </div>
</div>

赋值：

//加急情况
$('input[type=checkbox][name=isUrgent]').each(function () {
    $(this).prop('checked',false);
});
$('input[type=checkbox][name=isUrgent][value='+ewInfo.isUrgent+']').prop("checked",true);

初始化：

$('input[type=checkbox][name=isUrgent]').each(function () {
    $(this).prop('checked',false);
});
$('input[type=checkbox][name=isUrgent]').eq(0).prop("checked",true);

 

/**
 * 单选框做成复选框效果
 * @param obj
 * @param obj
 */
function checkedThis(obj, obj) {
    var boxArray = document.getElementsByName(obj.name);
//window.alert(obj.name);
    for (var i = 0; i <= boxArray.length - 1; i++) {
        if (boxArray[i] == obj && obj.checked) {
            boxArray[i].checked = true;
        } else {
            boxArray[i].checked = false;
        }
    }
}

/**
 * 当取消选中-加急默认选中第一项
 */
$('input:checkbox[name="isUrgent"]').change(function () {
    if (!$('input:checkbox[name="isUrgent"][value=' + this.value + ']').is(':checked')) {
        $('input:checkbox[name="isUrgent"]').eq(0).prop("checked", true);
        $("#defectQuantityDiv").css("display", "none");
        $("#defectQuantity").val(0);
    } else {
        if (this.value == "1") {
            $("#defectQuantityDiv").css("display", "none");
            $("#defectQuantity").val(0);
        } else {
            $("#defectQuantityDiv").css("display", "block");
        }
    }

});