这里有新鲜出炉的 Javascript 教程,程序狗速度看过来!
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
需要展示多个 checkbox 复选框,而只能允许最多选 6 个, 下面为大家介绍下如何使用 js 限制 checkbox 选中个数, 需要的朋友可以参考下
今天在做项目时,碰到一个问题,我需要展示多个 checkbox 复选框,而只能允许最多选 6 个。调试了老半天,终于出来了,代码如下:
- <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>
展示结果如下:
来源: http://www.phperz.com/article/17/0627/275318.html