js如何判断checkbox是否选中
JS即Javascript，Javascript是一种由Netscape的LiveScript发展而来的脚本语言，主要目的是为了解决服务器终端语言，比如Perl，遗留的速度问题。当时服务端需要对数据进行验证，由于网络速度相当缓慢,只有28.8kbps，验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript，提供了数据验证的基本功能。ＪＳ大量被应用在ｗｅｂ开发中，可以增加网页的特效，用户体验度的提高等等！！
这里演示如何利用ｊｓ判断表单元素ｃｈｅｃｋｂｏｘ是否被选中．
操作方法
- 01
新建HTML页面，创建一个表单元素（checkbox）：
- 02
运行结果：
- 03
写js方法检测checkbox是否选中：
- 04
直接单击： 点击测试链接；提示未选中；勾选checkbox再次单击： 点击测试，提示已选中！！
- 05
如果是多个checkbox，怎用循环判断即可：示例如下：
- 06
选中php，java、js，点击：测试2，会打印出已选中的checkbox；
- 07
示例代码： <html><head><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><title>JS 判断是否选中checkbox</title></head><body><input type="checkbox" id="cbox" name="cbox" value="PHP">PHP<br><input type="checkbox" id="cbox" name="cbox" value="Java">Java<br><input type="checkbox" id="cbox" name="cbox" value="c#">C#<br><input type="checkbox" id="cbox" name="cbox" value="C++">C++<br><input type="checkbox" id="cbox" name="cbox" value="js">js<br><input type="checkbox" id="cbox" name="cbox" value="css">css<br><p/><a onclick="is_check();" href="javascript:void(0);">点击测试</a><br/><a onclick="mutil_check();" href="javascript:void(0);">测试2</a><script type="text/javascript">//判断是否选中方法(单个checkbox) function is_check(){ //获取checkbox对象 var statue = document.getElementById("cbox"); if(statue.checked){ alert("已选中！！"); }else{ alert("未选中！！"); } } //多个checkbox是否选中，判断方法 function mutil_check(){ var str=""; var obj = document.getElementsByName("cbox"); var obj_legth = obj.length; for(var i=0;i<obj_legth;i++){ if(obj[i].checked){ str+="值为："+obj[i].value+"的文本框被选中！\r\n"; //alert("值为："+obj[i].value+"的文本框被选中！"); } } alert(str);}</script> </body></html>