Menggunakan JavaScript untuk menambah ikon untuk menogol acara butang
P粉541565322
2023-09-05 00:08:30
<p><pre class="brush:js;toolbar:false;">fungsi toggledDeleteAllBtn(){
if( $('.customer_checkbox:checked').panjang > 0){
$('#sel_button').text('Deled all selected('+$('.customer_checkbox:checked').length+')');
}lain{
$('#sel_button').text('Padam semua yang dipilih');
}
}
</pra>
<pre class="brush:html;toolbar:false;"> <tr id="sid">
<th>ID</th>
<th>nombor telefon</th>
<th>remarks</th>
<th>tarikh</th>
<th></th>
<th><jenis input="kotak pilihan" name="kotak semak utama"></th>
<th><button class="btn btn-bahaya btn-sm" id="butang_sel" name="butang_sel" ><i class="glyphicon glyphicon-trash" id="ikon_sampah"></i>Padam semua </button></th>
</tr>
</pra>
<p>请问如何将 iclass 中的图标垃圾添加到函数 <kod>toggleDeleteAllBtn()</code> 中, 以便 无论 进行 什么 更改, 图标 始终 显示？ (需要 在 & lt; code & gt; toggledeleteallbtn () & lt;/code & gt;
谢谢！</p>
![[Web front-end] Permulaan pantas Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Saya menggunakan jawapan Mamun sebagai rujukan dan kembali kepada ikon yang saya suka. (Baru menyedari Mamun telah memadamkan jawapan asalnya kerana dia menggunakan fon Awesome dan bukannya glyphicon. Bagaimanapun, terima kasih banyak kerana memberi saya idea ini!)
function toggledDeleteAllBtn() { if ($('.customer_checkbox:checked').length > 0) { $('#sel_button').html('<i class="glyphicon glyphicon-trash" </i>Delete all selected(' + $('.customer_checkbox:checked').length + ')'); } else { $('#sel_button').html('<i class="glyphicon glyphicon-trash" </i>Delete all selected'); } } $(document).on('click', '.customer_checkbox', toggledDeleteAllBtn);<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js"> </script> <script src="plugins/Jquery-Table-Check-All/dist/TableCheckAll.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"> </script> <table> <tr id="sid"> <th> ID </th> <th> phone number </th> <th> remarks </th> <th> date </th> <th></th> <th><input type="checkbox" class="customer_checkbox" name="main-checkbox"></th> <th><button class="btn btn-danger btn-sm" id="sel_button" name="sel_button"><i class="glyphicon glyphicon-trash" </i> Delete all selected</button></th> </tr> </table>