获取checkbox中被选中的值

最新推荐文章于 2024-08-25 08:00:25 发布

memoryI

最新推荐文章于 2024-08-25 08:00:25 发布

阅读量5.1k

点赞数 1

分类专栏：技术文章标签： checkbox

技术专栏收录该内容

59 篇文章 1 订阅

订阅专栏

<form name="testForm" id="myForm">
	<input type="checkbox" name="ids" value="1" />1<br />
	<input type="checkbox" name="ids" value="2" />2<br />
	<input type="checkbox" name="ids" value="3" />3<br />
	<input type="checkbox" name="ids" value="4" />4<br />
	<input type="checkbox" name="ids" value="5" />5<br />
	<input type="checkbox" name="ids" value="6" />6<br />
	<input type="checkbox" name="ids" value="7" />7<br />
	<input type="checkbox" name="ids" value="8" />8<br />
	<button type="button" onclick="test()">js</button>
	<button type="button" onclick="jqueryFun()">jquery</button>
</form>

1、通过js实现

function test(){
        // 获取所有的复选框元素
	var obj1 = document.testForm.ids;
	var ids = [];
	for(i = 0; i< obj1.length; i++){
		if(obj1[i].checked){
			ids.push(obj1[i].value)
			$("body").append("<p>"+obj1[i].value+"</p>")
		}
	}
}

2、通过jQuery实现

function jqueryFun(){
	var ids = [];
	$("input[name='ids']:checked").each(function(i){
		ids.push($(this).val())
		$("body").append("<p>"+$(this).val()+"</p>")
	})
}