Question

我如何编写像radiobutton这样的复选框的功能，下面是我的快速代码，但它看起来并不那么完美。

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

Example

JavaScript“允许取消选择

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

Example

JavaScript - 复选框，如单选按钮功能

1 个答案: