前些天發現了一個巨牛的人工智能學習網站,通俗易懂,風趣幽默,忍不住分享一下給大家。點擊跳轉到教程。
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 值 .
?