下面小编就为大家带来一篇 js 判断复选框是否选中及选中个数的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
Javascript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如 Perl,遗留的速度问题,为客户提供更流畅的浏览效果。
用 js 判断复选框是否选中及选中个数,以前经常有朋友提到复选框的选中问题,这段代码可以帮你解决这个问题,而且它还可以判断你选择了多少个复选框,多选则弹出提示
- <html>
- <head>
- <title>
- 判断复选框是否选中及选中个数
- </title>
- <SCRIPT LANGUAGE="JavaScript">
- function countChoices(obj) {
- max = 2;
- box1 = obj.form.box1.checked;
- box2 = obj.form.box2.checked;
- box3 = obj.form.box3.checked;
- count = (box1 ? 1 : 0) + (box2 ? 1 : 0) + (box3 ? 1 : 0);
- if (count > max) {
- alert("对不起,你只能选择" + max + "个!");
- obj.checked = false;
- }
- }
- //-->
- </script>
- <body>
- <form name="form">
- 你喜欢的语言是(最多两个):
- <p>
- <input type=checkbox name=box1 onClick="countChoices(this)">
- ASP.NET
- <p>
- <input type=checkbox name=box2 onClick="countChoices(this)">
- JAVA
- <p>
- <input type=checkbox name=box3 onClick="countChoices(this)">
- C#
- <p>
- </form>
- </body>
- </html>
以上这篇 js 判断复选框是否选中及选中个数的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持 phperz。
来源: http://www.phperz.com/article/17/0227/265336.html