jQuery获取所有被选中的复选框值，打包成数组

最新推荐文章于 2021-07-26 22:52:07 发布

橙-极纪元JJY.Cheng

最新推荐文章于 2021-07-26 22:52:07 发布

阅读量1.7w

点赞数 7

分类专栏： # JQ JS 前端HTML

本文链接：https://blog.csdn.net/cplvfx/article/details/80476163

版权

JS 同时被 3 个专栏收录

163 篇文章 4 订阅

订阅专栏

113 篇文章 1 订阅

订阅专栏

前端HTML

81 篇文章 1 订阅

订阅专栏

HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>菜鸟教程(runoob.com)</title>
<script src="http://cdn.bootcss.com/jquery/1.10.2/jquery.min.js">
</script>
<script>
$(document).ready(function(){
   $('#dosubmit').click(function(){
        var checkID = [];//定义一个空数组 
        $("input[name='vehicle']:checked").each(function(i){//把所有被选中的复选框的值存入数组
            checkID[i] =$(this).val();
        }); 
	   console.log(checkID);
    })
});
</script>
</head>
<body> 
我有一辆自行车:
<input type="checkbox" name="vehicle" value="Bike"><br>
我有一辆汽车:
<input type="checkbox" name="vehicle" value="Car" checked="checked"><br>
我有一架飞机:
<input type="checkbox" name="vehicle" value="Airplane"><br>
<input type="submit" id="dosubmit">
 

</body>
</html>