当前位置：首页 > 资讯 > 技术文档

js判断复选框是否选中及选中个数的实现代码

时间：2020-02-18 02:52 编辑：来源：阅读：
扫一扫，手机访问

摘要：js判断复选框是否选中及选中个数的实现代码

用js判断复选框是否选中及选中个数，以前经常有朋友提到复选框的选中问题，这段代码可以帮你解决这个问题，而且它还可以判断你选择了多少个复选框，多选则弹出提示

<HTML>
<head>
<title>判断复选框是否选中及选中个数</title>
<SCRIPT LANGUAGE="JavaScript">
function countChoices(obj) {
max = 2;
box1 = obj.form.box1.checked;
box2 = obj.form.box2.checked;
box3 = obj.form.box3.checked;
count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
if (count > max) {
alert("对不起，你只能选择" + max + "个!");
obj.checked = false;
  }
}
//-->
</script>
<body>
   <form name="form">
    你喜欢的语言是（最多两个）： <p>
<input type=checkbox name=box1 onClick="countChoices(this)">ASP.NET<p> 
<input type=checkbox name=box2 onClick="countChoices(this)">JAVA<p> 
<input type=checkbox name=box3 onClick="countChoices(this)">C#<p> 
   </form>
</body>
</html>

以上这篇js判断复选框是否选中及选中个数的实现代码就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持编程素材网。

全部评论(0)

上一篇：JS原生数据双向绑定实现代码
下一篇：基于cssSlidy.js插件实现响应式手机图片轮播效果

资讯排行榜
更多>>