<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>html－www.51windows.Net</title>
</head>
<body>
<SCRIPT LANGUAGE="JavaScript">
<!--
//checkbox元素的名字前缀，本例为sample1,sample2,sample3...
var sCtrlPrefix = "sample";
//checkbox元素数量，本例有18个；
var iMaxCheckbox = 18;
//设置最大允许选择的数量；
var iMaxSelected = 5;
function doCheck(ctrl) {
var iNumChecked = 0;
var thisCtrl;
var i;
//初始化
i = 1;
//循环直到选中了最多的checkbox;
while ((i <= iMaxCheckbox) && (iNumChecked <= iMaxSelected)) {
thisCtrl = eval("ctrl.form." + sCtrlPrefix + i);
if ((thisCtrl != ctrl) && (thisCtrl.checked)) {
iNumChecked++;
}
i++;
}
// 检查是否达到了最大选择数量；
if (iNumChecked == iMaxSelected) {
// 如果是则uncheck刚选择的元素；
ctrl.checked = false;
}
}
// -->
</SCRIPT>
<form name="form" method="post">
<table align="center" border="1" cellpadding="5" cellspacing="0">
<tr>
<td>
<input type="CHECKBOX" name="sample1" onClick="doCheck(this)">
A</td>
<td>
<input type="CHECKBOX" name="sample2" onClick="doCheck(this)">
B</td>
<td>
<input type="CHECKBOX" name="sample3" onClick="doCheck(this)">
C</td>
</tr>
<tr>
<td>
<input type="CHECKBOX" name="sample4" onClick="doCheck(this)">
D</td>
<td>
<input type="CHECKBOX" name="sample5" onClick="doCheck(this)">
E</td>
<td>
<input type="CHECKBOX" name="sample6" onClick="doCheck(this)">
F</td>
</tr>
<tr>
<td>
<input type="CHECKBOX" name="sample7" onClick="doCheck(this)">
G</td>
<td>
<input type="CHECKBOX" name="sample8" onClick="doCheck(this)">
H</td>
<td>
<input type="CHECKBOX" name="sample9" onClick="doCheck(this)">
I</td>
</tr>
<tr>
<td>
<input type="CHECKBOX" name="sample10" onClick="doCheck(this)">
J</td>
<td>
<input type="CHECKBOX" name="sample11" onClick="doCheck(this)">
K</td>
<td>
<input type="CHECKBOX" name="sample12" onClick="doCheck(this)">
L</td>
</tr>
<tr>
<td>
<input type="CHECKBOX" name="sample13" onClick="doCheck(this)">
M</td>
<td>
<input type="CHECKBOX" name="sample14" onClick="doCheck(this)">
N</td>
<td>
<input type="CHECKBOX" name="sample15" onClick="doCheck(this)">
O</td>
</tr>
<tr>
<td>
<input type="CHECKBOX" name="sample16" onClick="doCheck(this)">
P</td>
<td>
<input type="CHECKBOX" name="sample17" onClick="doCheck(this)">
Q</td>
<td>
<input type="CHECKBOX" name="sample18" onClick="doCheck(this)">
R</td>
</tr>
</table>
</form>
</body>
</html>
<div style="position: absolute; top: 10; right: 10; width: 148; height: 18;cursor:hand">
<input type="button" name="Button" value="查看源代码" onClick= 'window.location = "view-source:" + window.location.href'></div>
详细出处参考：http://www.jb51.net/article/238.htm
分享到：
相关推荐
本文将深入探讨如何使用JS限制复选框（checkbox）的选择个数，这是一个实用的功能，允许开发者自由定义用户最多可以选择多少个选项。 ### 核心知识点 #### 1. JS限制复选框选择个数的实现原理 在提供的代码片段中...
复选框可用来启用或禁用这一限制，并设置具体值。 6. **并行化选项**：对于大规模数据集，可能有并行处理决策树构建的选项，以提高计算效率。复选框可让用户选择是否启用并行化。 7. **可视化设置**：用户可以通过...
例如，可以使用JavaScript来检查是否有至少一个选项被选中，或者限制用户可选的最大数量。以下是一个简单的示例，用于验证至少选择一个选项： ```javascript document.querySelector('form').addEventListener('...
"限制复选框的最大可选数的js代码" 在 Web 开发中，我们经常遇到需要限制用户选择的复选框数量的需求，例如在投票系统中，用户只能选择有限的选项。今天，我们将探讨如何使用 JavaScript 代码来限制复选框的最大可...
本文实例讲述了JQuery限制复选框checkbox可选中个数的方法。分享给大家供大家参考。具体分析如下： 由于项目需要限制可批量操作的文件个数 所以写了一段小代码 如果选中个数大于允许的最大个数 其他复选框不能选择 ...
本篇将详细介绍如何实现限制复选框最多选择项的功能。 首先，我们需要了解复选框的基本结构。在HTML中，创建一个复选框通常使用`<input>`标签，其type属性设置为"checkbox"，并可以通过name属性将多个复选框关联在...
在JavaScript编程中，限制用户在一组复选框中选择的最大数量是一个常见的需求，尤其是在创建问卷、表单或者自定义选项时。本示例提供了一种方法来实现这一功能，允许用户在10个复选框中最多勾选3个。如果达到最大...
标题提到的"jquery 复选框 选择三个后不可再选写法"是指在网页中，当用户选择达到三个复选框后，禁止他们继续选择其他复选框。这种功能在多种场景下都非常实用，比如在在线调查、问卷或购物促销活动中，限制用户最多...
- 可以通过跟踪已选中的复选框数量，一旦达到预设限制，就禁用其他复选框。 4. **数据绑定**： - 候选城市列表可以存储在一个数组、列表或其他集合中，并与复选框控件进行数据绑定，以动态更新显示。 5. **按钮...
3. **复选框（CheckBox）**：复选框允许用户选择或取消多个选项。同样使用`CButton`类，但设置`BS_CHECKBOX`样式。`CButton::GetCheck`和`CButton::SetCheck`用于获取和设置复选框的选中状态。 4. **列表框...
- **多选限制**：可以设置最多可选的数量，超出限制时会给予提示。 - **拖放排序**：用户可以通过拖放操作调整选项的顺序。 - **全选/全不选**：提供一键全选或全不选的快捷操作。 **3. 使用方法** 首先，确保...
这里每个复选框的`onClick`事件调用了名为`checkDate`的JavaScript函数，传入的参数`3`代表用户最多能选择的课程数。下面是`checkDate`函数的实现： ```javascript function checkDate(n) { var checkedCount = 0;...
学生机：电子举手、远程消息、窗口接收广播、作业提交、屏幕回放、可选窗口显示模式。 路由器：具有组播转发功能，在需跨越多个物理网段进行教学时可选择安装。 第二章 安装与注册 2.1...
复选框的状态（选中或未选中）可以通过JavaScript事件监听器进行跟踪和管理。 在后端，Spring MVC控制器需要接收AJAX请求，根据请求参数（如页码、每页显示数量等）来查询数据库，并将结果以JSON格式返回。这通常...
// 最大可选项目数 if ($('input:checked').length > maxSelect) { alert('已达最大选择数!'); } else if ($('input:checked').length === 0) { alert('请至少选择一项!'); } ``` 同时，我们需要考虑在页面加载...
今天在做项目时，碰到一个问题，我需要展示多个checkbox复选框，而只能允许最多选6个。调试了老半天，终于出来了，代码如下： [removed] var c=0,limit=6; function doCheck(obj) { obj.checked?c++:c--; if(c>...
9. **验证和错误处理**：在用户进行多选操作时，可能需要进行一些业务逻辑验证，例如限制可选的最大数量，或者不允许选择特定的项。此外，还需要处理可能出现的异常，保证程序的稳定运行。 10. **扩展功能**：在...
后台创建“配置方式”时，“货到付款”改为复选框。 后台创建、编辑单页时别名限制最大字符数为32个字。 后台创建、编辑单页时标题限制最大字符数为60个字。 后台创建、编辑单页时关键字限制最大字符数为120个字。 ...