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

最新推荐文章于 2023-10-24 13:27:46 发布

tiandiqing

最新推荐文章于 2023-10-24 13:27:46 发布

阅读量224

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/tiandiqing/article/details/86591187

版权

javascript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

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

忘记了，就顺手写了下

<!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这个编辑器不太好用，光标定位有问题。

tiandiqing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
非JQuery框架下 js取checkbox选中值问题

其实这是个非常入门的问题，基本的属性忘记了，就顺手写了下&lt;!doctype html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="Generator" content="EditPlus®"&gt;
复制链接

扫一扫