在javascript 中在所给的表单的基础上完成: 兴趣复选框,要求每个人只允许选择3个 表单至少提供5个
发布网友
发布时间:2022-04-22 13:11
我来回答
共2个回答
热心网友
时间:2022-04-22 14:41
<body>
<form id="form1" name="form1" onsubmit="return ch_fx()" method="post" action="">
<input name="ch1" type="checkbox" id="ch1" value="读书" />读书
<input name="ch1" type="checkbox" id="ch1" value="学习" />
学习
<input name="ch1" type="checkbox" id="ch1" value="游泳" />
游泳
<input name="ch1" type="checkbox" id="ch1" value="跑步" />
跑步
<input name="ch1" type="checkbox" id="ch1" value="唱歌" />
唱歌<br />
<input type="submit" name="Submit" value="提交" />
</form>
</body>
<script>
function ch_fx()
{
var ch_f=document.getElementsByName("ch1");
var counts=0;
for(var i=0;i<ch_f.length;i++)
{
if(ch_f[i].checked)
{
counts++;
}
}
if(counts>3)
{
alert("没人限选三项");
return false;
}else
{
return true;
}
}
</script>
热心网友
时间:2022-04-22 15:59
写一个判断的function,获取复选框的被选中的个数(这个很容易),然后判断被选中的个数,如果当前被选中的个数超过3个,就提示已经到上限了,然后把剩余的复选框都变成不可选的(这个有个属性可以设置)。回答完毕,只提供思路,具体的代码可以自己写以加深映象,也可以去网上找,肯定有很多的。