获取checkbox中被选中的值

Dear 丶 2022-11-14 10:16 252阅读 0赞

<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实现  
对于name属性，可以通过 document.name1.name2… 来获取所有name属性为name2的元素**

function test(){
    	debugger;
            // 获取所有的复选框元素
    	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(){
    	debugger;
    	var ids = [];
    	$("input[name='ids']:checked").each(function(i){
    		ids.push($(this).val())
    		$("body").append("<p>"+$(this).val()+"</p>")
    	})
    }

**tips: dom对象取值时： domObj.value； jQuery对象取值时：jqueryObj.val()**

发表评论取消回复

表情：

评论列表（有 0 条评论，252人围观）

还没有评论，来说两句吧...

相关阅读

相关获取checkbox中被选中的值

html代码： <form name="testForm" id="myForm"> <input type="checkbox" name="ids" v

喜欢ヅ旅行/ 2022年12月13日 01:21/ 0 赞/ 196 阅读

相关 jquery 获取一组 checkbox 没被选中的值

var notChecked = $("input:checkbox").not("input:checked") ;//获取未被选择的checkbox 要取值的话,

ゝ一世哀愁。/ 2022年11月15日 03:51/ 0 赞/ 176 阅读

相关获取处于选中状态的checkbox的id值

<input type="checkbox" id="checkAll"/>全选 <input type="checkbox" id="1"> <inp

蔚落/ 2022年11月15日 03:48/ 0 赞/ 258 阅读

相关获取checkbox中被选中的值

<form name="testForm" id="myForm"> <input type="checkbox" name="ids" value="1"

Dear 丶/ 2022年11月14日 10:16/ 0 赞/ 253 阅读

相关 jquery获取被选中的checkbox

用:checkbox伪类选择器，而不是属性选择器\[checked=checked\]或\[checked=true\], 例：$checkedCbx = $('.j-set-

港控/mmm°/ 2022年09月19日 00:26/ 0 赞/ 334 阅读

相关获取checkbox、select、radio选中的值的方法

<!DOCTYPE　html> <html> <head> <script type="text/javascript" src="jquery

淡淡的烟草味﹌/ 2022年05月20日 05:16/ 0 赞/ 273 阅读

相关点击按钮获取checkbox的选中值

<input type='checkbox' name='a' value='1'/> $(function(){ te

朱雀/ 2022年05月13日 05:20/ 0 赞/ 366 阅读

相关 jquery 获取被选中的select中被选中的option的值

前提引入jquery文件 -------------------- html页面代码  <select

深藏阁楼爱情的钟/ 2022年04月24日 06:04/ 0 赞/ 338 阅读

相关获取checkbox中被选中的值

对于下面的前台代码，要获取其中被选中的checkbox的值 <form name="testForm" id="myForm"> <input type=

冷不防/ 2022年03月29日 20:18/ 0 赞/ 284 阅读

相关 checkBox 获取选中的值

//获取角色的ID function getRoleID(checkBoxName) \{ var selectRoleID = ""; $("in

桃扇骨/ 2021年11月04日 21:16/ 0 赞/ 423 阅读