帝王谷资源网 Design By www.wdxyy.com
本文实例讲述了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程序设计有所帮助。
帝王谷资源网 Design By www.wdxyy.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
帝王谷资源网 Design By www.wdxyy.com
暂无评论...
P70系列延期,华为新旗舰将在下月发布
3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。
而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?
根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。
更新日志
2024年10月31日
2024年10月31日
- 高嘉丰.2024-早期科技Early.Technologies【摩登天空】【FLAC分轨】
- 宝丽金群星.1990-宝丽金90超白金精丫宝丽金】2CD【WAV+CUE】
- 抖音神曲《抖烧第四季DSD》DTS+WAV
- 群星《超炫电子古典》2CD【DTS-WAV】
- Sleepy Cat《Feline Rain Soothing Music for Cats》[320K/MP3][45.67MB]
- Sleepy Cat《Feline Rain Soothing Music for Cats》[FLAC/分轨][125.38MB]
- 群星《初声证明2324》[320K/MP3][41.39MB]
- S14全球总决赛T1战队怎么样 全球总决赛T1战队详细介绍
- S14全球总决赛GEN战队怎么样 全球总决赛GEN战队详细介绍
- 全球总决赛lck参赛队伍是哪些 全球总决赛lck所有队伍队员一览
- 《真三国无双起源》PC版21:9超宽屏展示:压迫力拉满
- 男子做兼职主播月入3毛 还被工作人员骂土鳖
- 国外网友吐槽《龙腾4》IGN9分:点进去就为看你胡扯
- 谢霆锋.2000-零距离【英皇娱乐】【WAV+CUE】
- 杨林.1987-纯白【综一唱片】【WAV+CUE】