js判断复选框是否选中及选中个数的实现代码
更新时间:2016年05月30日 09:53:57 投稿:jingxian
下面小编就为大家带来一篇js判断复选框是否选中及选中个数的实现代码。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
用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判断复选框是否选中及选中个数的实现代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
相关文章
bootstrap时间控件daterangepicker使用方法及各种小bug修复
这篇文章主要介绍了bootstrap时间控件daterangepicker使用方法,及各种小bug修复,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-10-10
最新评论