input复选框，返回选中状态的的value值

最新推荐文章于 2021-06-12 12:00:14 发布

邱志刚

最新推荐文章于 2021-06-12 12:00:14 发布

阅读量1.2k

点赞数

分类专栏： js技术文章标签：复选框多选

本文链接：https://blog.csdn.net/qq_42957741/article/details/100141805

版权

js技术专栏收录该内容

41 篇文章 1 订阅

订阅专栏

个人常用的，方法很多，这只是其中一种。
首先创建一个数组，把每次选中的值添加到这个数组中，然后返回出来。

<div class="layui-input-block" id="ag_redaio">
							<input type="checkbox"  name="ag_rd"  value="1" lay-skin="primary" title="广联达">
							<input type="checkbox"  name="ag_rd"  value="2" lay-skin="primary" title="斯维尔">
							<input type="checkbox"  name="ag_rd"  value="3" lay-skin="primary" title="同望">
							<input type="checkbox"  name="ag_rd"  value="4" lay-skin="primary" title="殷雷">
							<input type="checkbox"  name="ag_rd"  value="5" lay-skin="primary" title="EXCEK">
							<input type="checkbox"  name="ag_rd"  value="6" lay-skin="primary" title="其他">
</div>
<button class="ag_goto"> 提交</button>

$(".ag_goto").click(function(){
	
   // 复选框
	var ag_array = new Array();                                 // 创建一个数组。
	$("input:checkbox[name='ag_rd']:checked").each(function(){
        ag_array.push($(this).val());                         // 把当前选中的push到数组中
	})
	var ag_str = ag_array.join(",")                         // 添加间隔符
	 
	console.log(ag_str);
	 
})

如果对你有帮助，请点个赞！