获取checkbox中被选中的值

对于下面的前台代码，要获取其中被选中的checkbox的值

<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()

获取checkbox中被选中的值相关推荐

ajax获取复选框选中的值,获取checkbox中被选中的值
~~~ --------------------html部分--------------------------------- 1 2 3 4 5 6 7 8 js jquery ---------- ...
jq 如何获取多选框选中的值
jquery如何获取多选框选中的值,有两种方法 1.通过id获取是否选中(单个) 1)引入jquery文件 2)Html设计如下 <div><span>运动类:</spa ...
js怎么获取复选框选中的值
本篇文章主要给大家介绍js获取复选框选中的值的实现方法. js获取复选框选中的值的方法实现,对于新手小白来说可能有一定的难度. 下面我们就结合具体的代码示例为大家详细介绍js实现获取复选框中选中的值的 ...
layui复选框怎么取值_layui如何获取checkbox复选框的值
layui如何获取checkbox复选框的值发布时间:2020-10-21 17:07:09 来源:亿速云阅读:164 作者:Leah 本篇文章给大家分享的是有关layui如何获取checkbox ...
JavaScript案例全选获取下拉框选中的值
<script type="text/javascript">function choice(obj){var checkbox = document.getEleme ...
jQuery 循环获取checkbox复选框的值，checkbox全选、全不选、反选
前端页面html <tr v-for="(log,index) in logList"><td>& ...
java解析sql查询字段_sql解析json格式字段如何获取json中某个字段的值？
java将json数据解析为sql语句?小编给你倒一杯热水.可你惦记着其他饮料,所以你将它放置一旁.等你想起那杯水时,可惜它已经变得冰冷刺骨. 图片中是json数据,每个数据的开头都有表名称,操作类型 ...
Oracle怎么获取json类型字符串值,sql解析json格式字段如何获取json中某个字段的值？...
java将json数据解析为sql语句?小编给你倒一杯热水.可你惦记着其他饮料,所以你将它放置一旁.等你想起那杯水时,可惜它已经变得冰冷刺骨. 图片中是json数据,每个数据的开头都有表名称,操作类型 ...
理解 Math.max(min).apply 获取数组中的最大(小)值机制
前言- 阿姆斯特朗回旋加速喷气式阿姆斯特朗炮, 还原度还真高呢 >-< 了解 apply 传入参数机制 //模拟 Math.max 方法 function Math_max(num1, n ...

获取checkbox中被选中的值

获取checkbox中被选中的值相关推荐

最新文章

热门文章