在JS中获得checkbox选中值及input后面的文本

最新推荐文章于 2022-07-07 00:21:30 发布

StevenAC

最新推荐文章于 2022-07-07 00:21:30 发布

阅读量1.6k

点赞数

分类专栏： html 文章标签： javascript

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

转自：http://blog.csdn.net/u014079773/article/details/51865596

<!doctype html>  
<html lang="en">  
 <head>  
  <meta charset="UTF-8">  
  <meta name="Author" content="">  
  <meta name="Keywords" content="">  
  <meta name="Description" content="">  
  <title>验证js获得多个checkbox选中值及input后面所跟文本</title>  
   <script type="text/javascript">  
       function clickBjjb() {  
       var checkboxValue= new Array();  
       var checkboxText= new Array();  
       var checkboxStr=document.getElementsByName("bjjb");    
       for(var i=0; i<checkboxStr.length; i++){  
        if(checkboxStr[i].checked){  
                //alert(checkboxStr[i].value+","+checkboxStr[i].nextSibling.nodeValue);  
            checkboxValue.push(checkboxStr[i].value);  
                    checkboxText.push(checkboxStr[i].nextSibling.nodeValue);  
         }  
        }   
        //输出值和文本  
         alert("checkboxValue:"+checkboxValue);  
             alert("checkboxText:"+checkboxText);  
           //把获得的数据转换为字符串传递到后台             
           checkboxValue=checkboxValue.toString();  
         checkboxText=checkboxText.toString();  
         window.location='某Action/netWorkingUpdate?checkboxValue='+checkboxValue+"&checkboxText="+checkboxText;  

  }   
</script>   
</head>   
<body>   
   <form id="checkboxform" method="post" action="">  
    <input type="checkbox" name="bjjb" value="1">交通事故<br>  
    <input type="checkbox" name="bjjb" value="2">自然灾害<br>  
    <input type="checkbox" name="bjjb" value="3">恶劣天气<br>  
   <input type="checkbox" name="bjjb" value="4">严重违法行为<br>  
   <input type="checkbox" name="bjjb" value="5">路面损毁<br>  
  <input type="button" onclick="clickBjjb()" value="报警级别" />  
 </form>   
</body>  
</html>