获取checkbox后面的文本内容

时间：2021-04-22 23:02:54

http://alygle.blog.51cto.com/1922399/669040

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>获取checkbox后的文本</title>

</head>

<script language="javascript">

function getChkValue(){

    var obj=document.getElementsByName("intrests");

    for(var i=0;i<obj.length;i++){

         if(obj[i].checked){

         alert(obj[i].value+","+obj[i].nextSibling.nodeValue);

       }

    }

}

</script>

<body>

   <form name="form1" method="post" action="">

      <input type="checkbox" name="intrests" value="1">a<br>

      <input type="checkbox" name="intrests" value="2">b<br>

      <input type="checkbox" name="intrests" value="3">c<br>

      <input type="checkbox" name="intrests" value="4">d<br>

      <input type="checkbox" name="intrests" value="5">e<br>

      <input type="checkbox" name="intrests" value="6">f<br>

      <input type="checkbox" name="intrests" value="7">g<br>

      <input type="checkbox" name="intrests" value="8">h<br><br>

      <input type="button" onclick="getChkValue()" value="提交">

   </form>

</body>

</html>

相关文章