社区
JavaScript
帖子详情
怎样限制选中复选框的数量?
sealike
2003-10-15 05:50:09
比如页面中有5个复选框(同名或不同名都可以),限制浏览者只能选择三个
...全文
275
9
打赏
收藏
怎样限制选中复选框的数量?
比如页面中有5个复选框(同名或不同名都可以),限制浏览者只能选择三个
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
9 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
sealike
2003-10-21
打赏
举报
回复
看来高手不仅是技术上的高手,更要思路上的高手
谢了!
cloudchen
2003-10-17
打赏
举报
回复
<SCRIPT LANGUAGE="JavaScript">
var c=0,limit=5;
function limitCheck(obj) {
obj.checked?c++:c--;
if(c>limit)obj.checked=false,c--;
}
</SCRIPT>
<form>
<script>
for (var i=0;i<20;i++) {
document.write("<input type='checkbox' name='xx' onclick='limitCheck(this)'>")
}
</script>
</form>
sealike
2003-10-16
打赏
举报
回复
是随便的取消一个
blueice2002
2003-10-16
打赏
举报
回复
<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>
WebDeveloper
2003-10-15
打赏
举报
回复
取消的那个有什么限制么?
是随即的取消一个?
slumcherry
2003-10-15
打赏
举报
回复
sorry ,是计数
slumcherry
2003-10-15
打赏
举报
回复
限制选三个很容易,你用一个变量技术就可以了.
小弟不才,如果你想随机的让1,2,3中的一项自动取消,i can't .
waiting.....
sealike
2003-10-15
打赏
举报
回复
比如五个选项分别是1、2、3、4、5
如果选中1、2、3后又选择了4,那么1、2、3中有一项就会自动取消,就好像是radio的动作一样
请问可以实现吗?
slumcherry
2003-10-15
打赏
举报
回复
具体些???
任意的三个,还是按顺序的三个?
WPF datagrid 表格
复选框
很简单的datagrid
复选框
示例,使用DataGridTemplateColumn列,HeaderTemplate与CellTemplate,标题栏可以全选或反选所有的行
js juqery非常好用的
复选框
已
选中
的个数统计 及 js验证码 判断表单是否有选择,没有就不提交
非常好用的
复选框
已
选中
的个数统计 及 js验证码 判断表单是否有选择,没有就不提交。代码非常简洁,个人写网站时候常用的有力帮手,自己可以下载来按需修改,不好用你找我要分。
Web前端开发经典案例之vue框架开发电商项目百草味案例(二)
此课程为vue开发百草味项目的第二课,请先学习完第一课再学习第二课 把登录成功的用户信息记录到缓存中通过缓存来判断用户是否登录过用户登录成功之后把
选中
的商品加入到购物车中vuex进行数据处理在vuex仓库中对加入的商品的几种情况分别进行处理在vuex仓库中对商品数据处理完之后再更新到缓存中更新加入购物车数据的方法以及把购物车
数量
渲染在徽章中项目刚运行的时候在初始化函数中判断用户的登录状态项目刚运行的时候在初始化函数中从缓存中更新购物车的数据到仓库通过计算属性来开发计算总价格的功能在购物车组件中控制每一个商品的
复选框
在购物车组件中全选
复选框
和每一个商品
复选框
关联下载并且安装三级联动v-distpicker插件加入编辑地址功能处理视图层和数据层
jQuery获取
复选框
被
选中
数量
及判断选择值的方法详解
主要介绍了jQuery获取
复选框
被
选中
数量
及判断选择值的方法,结合实例形式分析了jQuery操作
复选框
进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下
java通过
复选框
控件数组实现添加多个
复选框
控件示例分享
编写程序,通过
复选框
控件数组事先选择用户爱好信息的
复选框
,在该程序中,要求界面中的
复选框
数量
可以根据指定
复选框
名称的字符串数组的长度来自动调节
JavaScript
87,904
社区成员
224,614
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章