1. 程式人生 > >js如何獲得多個checkbox選中的值及input後面所跟的文字

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>

希望對大家有所幫助!