iT邦幫忙

0

想請問如何抓取append()後的內容

$("#PBList").append(
                                "<tr>"+
                                "<td style='width: 20vmin'><input type='checkbox' id='aa' name='PBCK' style='font-size: 20px;width: 20px;height: 20px;margin-top: 5px!important;'>"+"</td>"+
                                "<td>"+DT_EXE+"</td>"+
                                "<td>"+TM_EXE+"</td>"+
                                "<td>"+Num+"</td>"+
                                "<td style='display: none'>"+A_INDNO+"</td>"+
                                "<td style='display: none'>"+A_TRANO+"</td>"+
                                "</tr>"
                            );
                            
 $('#PBList').on('change','checkbox',CheckBOXChang);                            function CheckBOXChang(){
          console.log(this.id);
      }
                            
``` 想要動態抓取 checkbox的勾選狀態 想請問怎麼做 我用on()還是沒有反應
看更多先前的討論...收起先前的討論...
設 class
$('#PBList').on('change', '.yourclass', CheckBOXChang);
ke11vin30 iT邦新手 5 級 ‧ 2020-04-17 09:23:29 檢舉
listennn08 您好~我加了還是抓不到
你的 checkbox 也要加class
ke11vin30 iT邦新手 5 級 ‧ 2020-04-17 09:42:13 檢舉
喔~~了解 謝謝大大的幫忙~~剛剛發現$("#"+this.id).children();
for (var i=0;i<tr.length;i++){
console.log(tr.find('input').val());
}
以母元素往下翻測試可以~~謝謝您的幫忙 新手感謝您~
至於原本為何抓不到 因為他是 input 不是 checkbox
ke11vin30 iT邦新手 5 級 ‧ 2020-04-17 10:38:16 檢舉
好的~~謝謝您~
改成 .on("change","input[type='checkbox']",function(){ });
ke11vin30 iT邦新手 5 級 ‧ 2020-04-17 14:53:40 檢舉
japhenchen 好的~
謝謝您的回答~

1 個回答

3
浩瀚星空
iT邦超人 1 級 ‧ 2020-04-17 14:08:53
最佳解答

已經有人告訴你元件名的寫法。我就不在重覆。

另外告知一些優化的寫法。
如有需要用到append的插入元件處理時,盡量去做到以下幾件事。

1.盡量不要用到class、style的用法。善用css的主元件對應式。
2.盡量不要給id,不得已一定要給的話,也不要去使用同名稱的id

ke11vin30 iT邦新手 5 級 ‧ 2020-04-17 14:54:54 檢舉

謝謝您在我弱小的知識上補足了 謝謝學習了~~

我要發表回答

立即登入回答