前些天發現了一個巨牛的人工智能學習網站，通俗易懂，風趣幽默，忍不住分享一下給大家。點擊跳轉到教程。

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

?

總結

以上是生活随笔為你收集整理的VUE项目中 获得多个复选框 checkbox 选中的值（jquery）+ 解决 Uncaught TypeError: Cannot read property ‘push‘ of undefine的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。