juqery获得全选checkbox 数据

最新推荐文章于 2024-05-08 17:11:32 发布

u013283966

最新推荐文章于 2024-05-08 17:11:32 发布

阅读量294

点赞数 2

分类专栏： js 文章标签： checkbox checkbox 全选

本文链接：https://blog.csdn.net/u013283966/article/details/77967787

版权

js 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<html>
  <head>
    <title>选择</title>
    <script type="text/javascript" src="../js/jquery-1.7.2.js"></script>
    <script type="text/javascript">
 		$(function(){
 			$("#all").click(function(){
 				var inchex=$("input[name='product']");
 				for(var i=0;i<inchex.length;i++){
 					inchex[i].checked=$("#all").get(0).checked;
 				}
 			});	
 			
 			$("#chexAll").click(function(){
 				var str="";
 				var inchex=$("input[name='product']");
 				for(var i=0;i<inchex.length;i++){
 					if(inchex[i].checked){
 						str+=inchex[i].value+","; 
 					}
 				}
 				alert("你选择了:"+str);
 			});
 		});
    </script>
  </head>
  <body>
        <input type="checkbox" id="all" /> 全选
    <hr/>
    <input type="checkbox" name="product" value="1"/> 三星<br />
    <input type="checkbox" name="product" value="2"/> 苹果<br />
    <input type="checkbox" name="product" value="3"/> 华为<br />
    <input type="checkbox" name="product" value="4"/> 小米<br />
    <input type="button" id="chexAll" value="获取选择的参数" />
  </body>
</html>