当前位置: 首页 > 编程笔记 >

JavaScript检测并限制复选框选中个数的方法

许丁雷
2023-03-14
本文向大家介绍JavaScript检测并限制复选框选中个数的方法,包括了JavaScript检测并限制复选框选中个数的方法的使用技巧和注意事项,需要的朋友参考一下

本文实例讲述了JavaScript检测并限制复选框选中个数的方法。分享给大家供大家参考。具体如下:

这里用JavaScript判断复选框中否选中,同时可以限制复选框的选中个数,这是一个比较实用的JS表单判断示例,复选框的是否选中曾经让很多人纳闷,现在好了,这段代码帮你解决了难题。

运行效果截图如下:

具体代码如下:

<html>
<head>
<title>判断复选框中否选中</title>
<script>
var check_num = 0;
function check(){ 
 if(event.srcElement.checked==true)
  check_num++;
 else 
  check_num--;   
 if(check_num>3)
 {
  alert("最多只能选3个!");
  event.srcElement.checked=false;
  check_num--;
 }  
}
</script>
</head>
<body>
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<input type="checkbox" name="test" onClick="check()">
<br>
你只能选择3个复选框。
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

 类似资料:
  • 问题内容: 我有4个复选框。我希望用户仅选择其中两个。如何设置该限制? 问题答案: 您可以轻松地使用一个变量来存储当前选中的复选框的数量…然后调用任何时间,检查该变量,如果它已经是要选中的第三个复选框,则只需将其设置为再次取消选中即可。 假设您首先取消选中所有复选框。所以你也是: 然后设置: (我尚未测试过代码,但应该可以。)

  • 本文向大家介绍javascript实现复选框超过限制即弹出警告框的方法,包括了javascript实现复选框超过限制即弹出警告框的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了javascript实现复选框超过限制即弹出警告框的方法。分享给大家供大家参考。具体实现方法如下: 希望本文所述对大家的javascript程序设计有所帮助。

  • 本文向大家介绍JavaScript判断表单中多选框checkbox选中个数的方法,包括了JavaScript判断表单中多选框checkbox选中个数的方法的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了JavaScript判断表单中多选框checkbox选中个数的方法。分享给大家供大家参考。具体如下: 这里使用JavaScript检测并判断出表单中多选框的选中个数,也就是checkbox被

  • 选中“第一键”复选框时,我想选中并禁用“第二键”复选框 html代码 为复选框键入脚本代码 } 通过使用此代码,key 2复选框被选中并禁用。但是key 2复选框的布尔值仍然是假的。当我单击key 1复选框时,关于如何将key 2复选框的布尔值更改为true的任何建议我正在使用Angular 8及其反应式形式模块。我是角度新手。

  • 下面是我的代码。 问题是当我选中一个复选框时,包括选中循环视图中的其他复选框。但当我签入适配器时,项目被正确添加,但复选框被复制。 例如:如果我选中了第一项复选框,向下滚动第16项复选框也会被选中。取消选中该复选框也将取消选中第一项。

  • 我需要做的是-添加/删除数组中每个复选框的名称(由用户选中/未选中),并发送到服务器。我被困在以下代码中。任何帮助都很感激。谢啦 复选框项目。js