在CheckBox中,仅仅允许选择一项

时间:2023-03-08 16:59:17
在CheckBox中,仅仅允许选择一项

作用相当于RadioButonList

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
function UncheckOthers(objchkbox) {
//Get the parent control of checkbox which is the checkbox list
var objchkList = objchkbox.parentNode.parentNode.parentNode;
//Get the checkbox controls in checkboxlist
var chkboxControls = objchkList.getElementsByTagName("input");
//Loop through each check box controls
for (var i = 0; i < chkboxControls.length; i++) {
//Check the current checkbox is not the one user selected
if (chkboxControls[i] != objchkbox && objchkbox.checked) {
//Uncheck all other checkboxes
chkboxControls[i].checked = false;
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:CheckBoxList ID="CheckBoxList1" runat="server">
<asp:ListItem Text="FirstValue" Value="1" onclick="UncheckOthers(this);">
</asp:ListItem>
<asp:ListItem Text="Second Value" Value="2" onclick="UncheckOthers(this);">
</asp:ListItem>
<asp:ListItem Text="Third Value" Value="3" onclick="UncheckOthers(this);">
</asp:ListItem>
<asp:ListItem Text="Fourth Value" Value="4" onclick="UncheckOthers(this);">
</asp:ListItem>
<asp:ListItem Text="Fifth Value" Value="5" onclick="UncheckOthers(this);">
</asp:ListItem>
</asp:CheckBoxList>
</div>
</form>
</body>
</html>