多選框加和單選框一樣的控制，只能選一個

幾個月前寫的，現在覺得還是單選框方便吧，而且也不丑。

記錄一下：

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