首页 > 其他 > 详细

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

时间:2017-01-03 12:02:15      阅读:274      评论:0      收藏:0      [点我收藏+]

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

记录一下:

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

 

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

原文:http://www.cnblogs.com/tldxh/p/6244141.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!