像单选按钮一样的复选框功能

JavaScript - Checkbox like radiobutton functionality

本文关键字：一样 复选框 功能 单选按钮      更新时间：2023-09-26

如何编写像单选按钮这样的复选框的功能，下面是我的快速代码，但它似乎不那么完美。

<asp:checkbox id="chkA" runat="server" onClick="SetCheck(this)"/>
<asp:checkbox id="chkB" runat="server" onClick="SetCheck(this)"/>
<Javascript>
function SetCheck(chk)
{
Switch(chk.id)
{
case "chkA" :
chkB.checked=false;
break;
Case "chkB" :
chkA.checked=false;
break;
}
}
</Javascript>

HTML 

<input type="checkbox" id="a" onclick="flip(this)" />
<input type="checkbox" id="b" onclick="flip(this)" />

JavaScript: Flips to other

function flip(cb){
    var other = cb.id==="a" ? "b" : "a";
    document.getElementById(other).checked = !cb.checked;
}

例子

JavaScript"允许取消选择

function flip(cb){
    if (cb.checked) {
        var other = cb.id==="a" ? "b" : "a";
        document.getElementById(other).checked = false;
    }
}
示例

相关文章：