前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家。点击跳转到教程。

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 值 .

 

Logo

前往低代码交流专区

更多推荐