提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  后端

当前栏目

js获取checkbox值的方法

JS方法 获取 checkbox
2023-06-13 09:15:42 时间

本文实例讲述了js获取checkbox值的方法。分享给大家供大家参考。具体实现方法如下：

复制代码代码如下:

<html>
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8">
<title>js</title>
</head>
<scriptlanguage="javascript">
functionaa(){
   varr=document.getElementsByName("r");
   for(vari=0;i<r.length;i++){
        if(r[i].checked){
        alert(r[i].value+","+r[i].nextSibling.nodeValue);
      }
   }     
}
</script>
<body>
<formname="form1"method="post"action="">
<inputtype="checkbox"name="r"value="1">a<br>
<inputtype="checkbox"name="r"value="2">b<br>
<inputtype="checkbox"name="r"value="3">c<br>
<inputtype="checkbox"name="r"value="4">d<br>
<inputtype="checkbox"name="r"value="5">e<br>
<inputtype="checkbox"name="r"value="6">f<br>
<inputtype="checkbox"name="r"value="7">g<br>
<inputtype="checkbox"name="r"value="8">h<br>
<inputtype="checkbox"name="r"value="9">i<br>
<inputtype="checkbox"name="r"value="10">j<br>
<br>
<inputtype="button"onclick="aa()"value="button">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

相关文章