欢迎您访问我爱IT技术网,今天小编为你分享的javascript教程:【js限制checkbox选中个数以限制六个为例】,下面是详细的讲解!
js限制checkbox选中个数以限制六个为例
<SCRIPT LANGUAGE="JavaScript">
var c=0,limit=6;
function doCheck(obj) {
obj.checked?c++:c--;
if(c>limit){
obj.checked=false;
alert("over");
c--;
}
}
</SCRIPT>
<html>
<body>
<input type="CHECKBOX" name="sample1" onClick="doCheck(this)">A
<input type="CHECKBOX" name="sample2" onClick="doCheck(this)">B
<input type="CHECKBOX" name="sample3" onClick="doCheck(this)">C
<input type="CHECKBOX" name="sample4" onClick="doCheck(this)">D
<input type="CHECKBOX" name="sample5" onClick="doCheck(this)">E
<input type="CHECKBOX" name="sample6" onClick="doCheck(this)">F
<input type="CHECKBOX" name="sample7" onClick="doCheck(this)">G
<input type="CHECKBOX" name="sample8" onClick="doCheck(this)">H
<input type="CHECKBOX" name="sample9" onClick="doCheck(this)">I
<input type="CHECKBOX" name="sample10" onClick="doCheck(this)">J
</body>
</html>
关于js限制checkbox选中个数以限制六个为例的用户互动如下:
相关问题:用jquery来限制checkbox被选中的数量,但是已经有被...
答:$(document).ready(function() { function testCheckbox(){ $("input[name='aa']").attr('disabled', true); if ($("input[name='aa']:checked").length >= 3) { $("input[name='aa']:checked").attr('disabled', false); } else { $("input[nam... >>详细
相关问题:js怎么取得name=checkbox[]的复选框选中个数
答:思路:根据name值获取复选框对象→循环判断复选框的checked属性(true表示选中,false为未选中)→计数。实例演示如下: 1、HTML结构 选项1 选项2 选项3 选项4 选项5 选项62、javascript代码 function fun(){var checks = document.getElementsByN... >>详细
相关问题:js 限定复选框最多只能勾选2个,至少勾选1个
答:百度hi"TROREN" demo var p_tag,inputs,selectInputs=[]; onload = function(){ p_tag = document.getElementById("inputsParent"); inputs = p_tag.getElementsByTagName("input"); for(var i=0; i 2){ selectInputs[0].checked = false; selec... >>详细
- 【firefox】firefox浏览器不支持innerText的解决
- 【Extjs】Extjs学习过程中新手容易碰到的低级错误
- 【clearInterval】js clearInterval()方法的定义
- 【dom】javascript dom追加内容实现示例-追加内容
- 【checkbox】让checkbox不选中即将选中的checkbox
- 【Array】js中更短的 Array 类型转换-类型转换
- 【append】append和appendTo的区别以及appendChil
- 【ExtJs】ExtJs 表单提交登陆实现代码-表单提交-
- 【ajax清除浏览器缓存】Ajax清除浏览器js、css、
- 【AJAX】AJAX异步从优酷专辑中采集所有视频及信息
- 评论列表(网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述)
-
