非JQuery框架下 js取checkbox选中值问题

其实这是个非常入门的问题,基本的属性

忘记了,就顺手写了下

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
 </head>
 <body>
  <script type="text/javascript">
  <!--
  function clickBjjb() {
    var checkboxStr=document.getElementsByName("bjjb");  
	var str = "";
    for (var i=0; i<checkboxStr.length; i++ )
    {		
		if(checkboxStr[i].checked)
		{
			if (str != "")
			{
				str = str + ",";
			}								
			str = str + checkboxStr[i].value;
							
		}
    }
	alert(str);
  }
	
  //-->
  </script>

  <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>

 </body>
</html>

其中这个js 还有一种写法

function clickBjjb() {
    var checkboxStr=document.getElementsByName("bjjb");  
	var str = "";
    for (var i=0; i<checkboxStr.length; i++ )
    {		
		if(checkboxStr[i].checked)
		{
			if (str == "")
			{
				str = checkboxStr[i].value
			}else {							
				str = str + "," + checkboxStr[i].value;
			}
							
		}
    }
	alert(str);
  }

还有一种数组写法

function clickBjjb() {
    var checkboxStr=document.getElementsByName("bjjb");  
	var strArray = new Array();
    for (var i=0; i<checkboxStr.length; i++ ){		
		if(checkboxStr[i].checked){								
			strArray.push( checkboxStr[i].value);
		}
    }
	alert(strArray.join(","));
  }	

题外话:CSDN这个编辑器不太好用,光标定位有问题。

猜你喜欢

转载自blog.csdn.net/tiandiqing/article/details/86591187
今日推荐