js如何获得多个checkbox选中的值及input后面所跟的文本

 function termRow(){
    //定义返回结果集
    var termInfos=[];
    //循环所有tr
    //数组拼接通过“,”拼接在一起
    return termInfos.join(",");

    }




//获取循环遍历的复选框  的value值 和后面的值

<input type="checkbox" name="bjjb" value="1">交通事故

例如:获取value=1  和   后面的值=“交通事故

  1. <!doctype html>  
  2. <html lang="en">  
  3.  <head>  
  4.   <meta charset="UTF-8">  
  5.   <meta name="Author" content="">  
  6.   <meta name="Keywords" content="">  
  7.   <meta name="Description" content="">  
  8.   <title>验证js获得多个checkbox选中值及input后面所跟文本</title>  
  9.    <script type="text/javascript">  
  10.        function clickBjjb() {  
  11.        var checkboxValuenew Array();  
  12.        var checkboxTextnew Array();  
  13.        var checkboxStr=document.getElementsByName("bjjb");    
  14.        for(var i=0; i<checkboxStr.length; i++){  
  15.         if(checkboxStr[i].checked){  
  16.                 //alert(checkboxStr[i].value+","+checkboxStr[i].nextSibling.nodeValue);  
  17.             checkboxValue.push(checkboxStr[i].value);  
  18.                     checkboxText.push(checkboxStr[i].nextSibling.nodeValue);  
  19.          }  
  20.         }   
  21.         //输出值和文本  
  22.          alert("checkboxValue:"+checkboxValue);  
  23.              alert("checkboxText:"+checkboxText);  
  24.            //把获得的数据转换为字符串传递到后台             
  25.            checkboxValue=checkboxValue.toString();  
  26.          checkboxText=checkboxText.toString();  
  27.          window.location='某Action/netWorkingUpdate?checkboxValue='+checkboxValue+"&checkboxText="+checkboxText;  
  28.   
  29.   }   
  30. </script>   
  31. </head>   
  32. <body>   
  33.    <form id="checkboxform" method="post" action="">  
  34.     <input type="checkbox" name="bjjb" value="1">交通事故<br>  
  35.     <input type="checkbox" name="bjjb" value="2">自然灾害<br>  
  36.     <input type="checkbox" name="bjjb" value="3">恶劣天气<br>  
  37.    <input type="checkbox" name="bjjb" value="4">严重违法行为<br>  
  38.    <input type="checkbox" name="bjjb" value="5">路面损毁<br>  
  39.   <input type="button" onclick="clickBjjb()" value="报警级别" />  
  40.  </form>   
  41. </body>  
  42. </html>

希望对大家有所帮助!


猜你喜欢

转载自blog.csdn.net/qq_37272886/article/details/78968776