JavaScript判断表单中多选框checkbox选中个数的方法
2015-08-17 12:26
821 查看
本文实例讲述了JavaScript判断表单中多选框checkbox选中个数的方法。分享给大家供大家参考。具体如下:
这里使用JavaScript检测并判断出表单中多选框的选中个数,也就是checkbox被选择了多少,在以前,这个问题经常被各大论坛问到,因为检测checkbox不像检测输入框那么简单,尤其是判断个数也经常会遇到,所以说觉得这个Js代码还是很有用的,大家有兴趣的再完善一下。
运行效果如下图所示:
在线演示地址如下:
http://demo.jb51.net/js/2015/js-checkbox-chk-num-codes/
具体代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>检测表单多选框的选择个数</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> </head> <body> <script language="javascript"> <!-- function anyCheck(form) { var total = 0; var max = form.ckbox.length; for (var idx = 0; idx < max; idx++) { if (eval("document.playlist.ckbox[" + idx + "].checked") == true) { total += 1; } } alert("您选择了 " + total + " 个选项!"); } //--> </script> <form method="post" name="playlist"> 1<input type="checkbox" name="ckbox" value="1"> 2<input type="checkbox" name="ckbox" value="2"> 3<input type="checkbox" name="ckbox" value="3"> 4<input type="checkbox" name="ckbox" value="4"> 5<input type="checkbox" name="ckbox" value="5"> 6<input type="checkbox" name="ckbox" value="6"> <br><input type="button" value="检测选择个数" onClick="anyCheck(this.form)"> </form> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
您可能感兴趣的文章:
相关文章推荐
- JQuery1——基础($对象,选择器,对象转换)
- Android学习笔记(二九):嵌入浏览器
- Android java 与 javascript互访(相互调用)的方法例子
- JavaScript演示排序算法
- javascript实现10进制转为N进制数
- 2019年开发人员应该学习的8个JavaScript框架
- HTML中的script标签研究
- 对一个分号引发的错误研究
- 异步流程控制:7 行代码学会 co 模块
- JavaScript拆分字符串时产生空字符的原因
- IE8开发人员工具教程(二)
- 在flex中执行一个javascript方法的简单方式
- Flex结合JavaScript读取本地路径的方法
- PowerShell中执行Javascript的方法示例
- javascript asp教程第六课-- response方法
- javascript asp教程More About Recordsets
- javascript asp教程第十二课---session对象
- javascript asp教程创建数据库连接
- javascript asp教程错误处理