100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > jQuery 循环获取checkbox复选框的值 checkbox全选 全不选 反选

jQuery 循环获取checkbox复选框的值 checkbox全选 全不选 反选

时间:2021-05-24 20:08:01

相关推荐

jQuery 循环获取checkbox复选框的值 checkbox全选 全不选 反选

前端页面html

<tr v-for="(log,index) in logList"><!-- v-bind:value绑定 --><td><input name="ids" :value="log.logId" type="checkbox"></td></tr>

js代码 - 循环获取checkbox复选框的值

//获取复选框checkbox选中的个数/*var size = $("input:checkbox:checked").length;alert("size = "+ size);*///定义数组用来存储复选框的valuevar checkedValueList = [];//each() 方法为每个匹配元素规定要运行的函数,循环遍历,将复选框选中的value放到数组中$("input:checkbox:checked").each(function(){//alert($(this).val());//将选中的checkbox的value放到数组中checkedValueList.push($(this).val());});console.log("checkedValueList = " + checkedValueList);

checkbox全选、全不选、反选功能

// 全选功能checkAll:function() {// 将所有的name属性等于 'ids' 的input元素的checked设置为true(checkbox选中)$("input[name='ids']").prop("checked",true);console.log("选中个数 size = "+ $("input:checkbox:checked").length)},//全不选功能checkNoAll:function() {// checked全设置为false$("input[name='ids']").prop("checked",false);console.log("选中个数 size = "+ $("input:checkbox:checked").length)},//反选功能reverseCheck:function() {//循环$("input[name='ids']").each(function(){//选中的改为非选中,非选中的改为选中 prop函数,实现如果选中返回tureif($(this).prop("checked")) {$(this).prop("checked", false);}else{$(this).prop("checked", true);}});//console.log("反选 - 选中个数 size = "+ $("input:checkbox:checked").length)},

jQuery 1.6及以后版本中,建议使用prop()函数来设置或获取checked、selected、disabled等属性,其它能够用prop()实现的操作,也尽量使用prop()函数

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。