多选框加和单选框一样的控制,只能选一个

几个月前写的,现在觉得还是单选框方便吧,而且也不丑。

记录一下:

1.两个多选框 id为c1,c2

//设置多选框只能选择一项
function checkOne() {
if (document.getElementById("c1").checked) {
$("#c2").attr("disabled", "disabled");
}
else {
$("#c2").removeAttr("disabled");
}
if (document.getElementById("c2").checked) {
$("#c1").attr("disabled", "disabled");
}
else {
$("#c1").removeAttr("disabled");
}
}

2.五个多选框,这五个

<td class="ypt_input_td" colspan="3" nowrap="nowrap">
<input id="c1" type="checkbox" name="TbrConfirm" value="0" onclick="checkOne(3)" />非常满意
<input id="c2" type="checkbox" name="TbrConfirm" value="1" onclick="checkOne(3)" />比较满意
<input id="c3" type="checkbox" name="TbrConfirm" value="2" onclick="checkOne(3)" />基本满意
<input id="c4" type="checkbox" name="TbrConfirm" value="3" onclick="checkOne(3)" />不太满意
<input id="c5" type="checkbox" name="TbrConfirm" value="4" onclick="checkOne(3)" />很不满意
<span style="color: Red">*</span>
</td>

//设置多选框只能选择一项 add by wh 2016-10-21
function checkOne(flag) {
if (flag == 1) {
if (document.getElementById("a1").checked) {
$("#a2").attr("disabled", "disabled");
}
else {
$("#a2").removeAttr("disabled");
}
if (document.getElementById("a2").checked) {
$("#a1").attr("disabled", "disabled");
}
else {
$("#a1").removeAttr("disabled");
}
}
else if (flag == 2) {
if (document.getElementById("b1").checked) {
$("#b2").attr("disabled", "disabled");
}
else {
$("#b2").removeAttr("disabled");
}
if (document.getElementById("b2").checked) {
$("#b1").attr("disabled", "disabled");
}
else {
$("#b1").removeAttr("disabled");
}
}
else if (flag == 3) {

var arr = ["1", "2", "3", "4", "5"];
for (var i = 0; i < 5; i++) {
if (document.getElementById("c" + arr[i]).checked) {
var arr2 = arr.splice(i, 1);
for (var j = 0; j < 4; j++) {
$("#c" + arr[j]).attr("disabled", "disabled");
}
return;
}
else {
$("#c" + arr[i]).removeAttr("disabled");
}
}
}
}

原文地址:https://www.cnblogs.com/tldxh/p/6244141.html