js如何判断checkbox是否选中

 时间:2026-02-15 13:08:14

1、新建HTML页面,创建一个表单元素(checkbox):

js如何判断checkbox是否选中

2、运行结果:

js如何判断checkbox是否选中

3、写js方法检测checkbox是否选中:

js如何判断checkbox是否选中

4、直接单击:点击测试链接;提示未选中;勾选checkbox再次单击:点击测试,提示已选中!!

js如何判断checkbox是否选中

js如何判断checkbox是否选中

5、如果是多个checkbox,怎用循环判断即可:示例如下:

js如何判断checkbox是否选中

js如何判断checkbox是否选中

6、选中php,java、js,点击:测试2,会打印出已选中的checkbox;

js如何判断checkbox是否选中

7、示例代码:

<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>

  • 如何利用js判断checkbox是否选中
  • Eclipse怎么提交代码到SVN服务器
  • postgresql如何修改字段类型
  • 如何在vs中修改QT窗口图标和名称?
  • jquery如何删除子元素
  • 热门搜索
    殁怎么读 微信删除的聊天记录怎么恢复 人怎么画 为什么要依法治国 腰肌劳损怎么锻炼 国际象棋怎么玩 赖怎么读 胆结石怎么消除 牙齿松动怎么办 苦瓜汁的做法