VUE项目中 获得多个复选框 checkbox 选中的值(jquery)+ 解决 Uncaught TypeError: Cannot read property ‘push‘ of undefine
1. 表格生成后第一列是复选框,效果:表格是直接循环展示的后台返回数据,代码写法:2. 得复选框中已选中的值:// 得复选框已选中的值var boxs = $('input[name="userId"]');var userIds = [];for (var x in boxs) {if (boxs[x].chec...
·
前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。
1. 表格生成后第一列是复选框,效果:
表格是直接循环展示的后台返回数据,代码写法:
2. 得复选框中已选中的值:
// 得复选框已选中的值
var boxs = $('input[name="userId"]');
var userIds = [];
for (var x in boxs) {
if (boxs[x].checked) userIds.push(boxs[x].value);
}
alert(userIds);
3. 运行效果:
源数据,红框中列是 id值:
点击第一行数据时弹出提示,关闭提示后 id 为 1 的数据已经取消选选中。
userIds 的值为:2,3,4,38,39,66
4. 后记:
4.1 把这个方法抽离出来重用时遇到一个报错:
Uncaught TypeError: Cannot read property 'push' of undefined
4.2 报错原因及解决:
这个属性不是当前调用对象 this.userIds 所有的:出错代码是蓝色框中代码,去掉 this 就可以了。
4.3 注意:
黄色框中代码不可少,否则会重复记录选中的 id 值 .
更多推荐
已为社区贡献34条内容
所有评论(0)