JavaScript-復選框之類的單選按鈕功能

Question

我如何編碼單選按鈕之類的復選框的功能，下面是我的快速代碼，但似乎不是那么完美。

<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>

Answer 1

的HTML

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

JavaScript：翻轉到其他

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;
    }
}

例