用js控制多个复选框
用js控制多个复选框中，一共4个选择，当选择前三个的时候，最后一个变灰，如果选择最后一个前三个就不能选择。怎么实现，请教各位大虾！着急啊！最好把代码写好...
用js控制多个复选框中，一共4个选择，当选择前三个的时候，最后一个变灰，如果选择最后一个前三个就不能选择。怎么实现，请教各位大虾！着急啊！
最好把代码写好 展开
最好把代码写好 展开
2个回答
展开全部
思路，吧四个复选框编个号，注册一个click 事件，
判断如果前三个的任意一个当前被选中，那就吧最后一个disabled
同理第四个，不麻烦吧
判断如果前三个的任意一个当前被选中，那就吧最后一个disabled
同理第四个，不麻烦吧
追问
能帮忙写好吗
追答
function selChk(obj){
var ck1 = document.getElementById("chk_1");
var ck2 = document.getElementById("chk_2");
var ck3 = document.getElementById("chk_3");
var ck4 = document.getElementById("chk_4");
if(ck1.checked || ck2.checked || ck3.checked){
ck4.checked = "";
ck4.disabled = "disabled";
} else if(ck4.checked) {
ck1.checked = "";
ck2.checked = "";
ck3.checked = "";
ck1.disabled = "disabled";
ck2.disabled = "disabled";
ck3.disabled = "disabled";
} else{
ck1.disabled = "";
ck2.disabled = "";
ck3.disabled = "";
ck4.disabled = "";
}
}
这是个例子，不知道你们用不用jquery,纯的js写出来的不是很美观
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<input type="checkbox" id="ck1" name="ck" onclick="setdisable('ck')" />复选框1<br />
<input type="checkbox" id="ck2" name="ck" onclick="setdisable('ck')" />复选框2<br />
<input type="checkbox" id="ck3" name="ck" onclick="setdisable('ck')" />复选框3<br />
<input type="checkbox" id="ck4" name="ck" onclick="setdisable('ck')" />复选框4<br />
<script type="text/javascript" language="javascript">
function setdisable(ckname) {
var ck = document.getElementsByName(ckname);
var b = true;
for (var i = 0; i < ck.length - 1; i++) {
if (ck[i].checked) {
b = false;
break;
}
}
if (!b)
ck[ck.length - 1].disabled = "disabled";
else
ck[ck.length - 1].disabled = "";
if (ck[ck.length - 1].checked) {
for (var i = 0; i < ck.length - 1; i++) {
ck[i].disabled = "disabled";
}
}
else {
for (var i = 0; i < ck.length - 1; i++) {
ck[i].disabled = "";
}
}
}
</script>
自己复制到
<body>
</body>之间
复选框个数任意
<input type="checkbox" id="ck2" name="ck" onclick="setdisable('ck')" />复选框2<br />
<input type="checkbox" id="ck3" name="ck" onclick="setdisable('ck')" />复选框3<br />
<input type="checkbox" id="ck4" name="ck" onclick="setdisable('ck')" />复选框4<br />
<script type="text/javascript" language="javascript">
function setdisable(ckname) {
var ck = document.getElementsByName(ckname);
var b = true;
for (var i = 0; i < ck.length - 1; i++) {
if (ck[i].checked) {
b = false;
break;
}
}
if (!b)
ck[ck.length - 1].disabled = "disabled";
else
ck[ck.length - 1].disabled = "";
if (ck[ck.length - 1].checked) {
for (var i = 0; i < ck.length - 1; i++) {
ck[i].disabled = "disabled";
}
}
else {
for (var i = 0; i < ck.length - 1; i++) {
ck[i].disabled = "";
}
}
}
</script>
自己复制到
<body>
</body>之间
复选框个数任意
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
