Check tất cả checkbox bằng javascript

11/11/2020 08:18 9460

Check tất cả checkbox bằng javascript: Chúng ta sẽ gặp khi muốn check tất cả dòng trong một table để phục vụ mục đích xóa nhiều bản ghi một lúc chẳn hạn

Table of Contents

1.Function javascript làm điều này

function CheckAll(parent){
	var ids = document.getElementsByTagName('input');
	for(var i=0; i<ids.length; i++){
		if(ids[i].name == "ids[]"){
			ids[i].checked = parent.checked;
		}
	}
}

function CheckAll(parent){

var ids = document.getElementsByTagName('input');

for(var i=0; i<ids.length; i++){

if(ids[i].name == "ids[]"){

ids[i].checked = parent.checked;

}

2. Cách dùng nó onclick=”CheckAll(this) như đoạn code bên dưới

<table class="table mb-0 mt-4">
<thead class="bg-primary text-white">
<tr>
<th><input name="allbox" type="checkbox" id="allbox" onclick="CheckAll(this)"></th>
<th>Tiêu đề</th>
<th>YoutubeID</th>
<th>Shortcode</th>
<th>Ngày tạo</th>
</tr>
</thead>
<tbody>
<tr style="background-color: rgba(0, 0, 0, 0.03);">
<td><input type="checkbox" name="ids[]" value="<?php echo $post->ID; ?>"></td>
<td><div class="rp-client-title"><a class="rp-client-name" href="admin.php?page=player-youtube-ads.php&act=edit&id=<?php echo $post->ID; ?>"><?php echo $post->post_title; ?></a><br><div class="client-manage-action"><div class="btn-group ml-1">
<a class="btn btn-secondary btn-sm" href="admin.php?page=player-youtube-ads.php&act=edit&id=<?php echo $post->ID; ?>"><span class="fa fa-pencil mr-1"></span>Chỉnh sửa</a>
</div><div class="btn-group ml-1">
<a class="btn btn-danger btn-sm"  href="admin.php?page=player-youtube-ads.php&act=delete_one&id=<?php echo $post->ID; ?>"><span class="fa fa-trash-o mr-1"></span>Xóa</a>
</div></div></div></td>

<td><?php echo $_player_youtube['youtubeID']; ?></td>
<td class="pr-send-status"><input class="player_youtube_shortcode" type="text" value='[youtube_player player_id="<?php echo $post->ID; ?>"]'  /></td>
<td class="rp-client-image"><?php echo get_the_date('Y-m-d',$post->ID); ?></td>
</tr>
</tbody>      
</table>

<tr>

<th>YoutubeID</th>

<th>Shortcode</th>

</tr>

</thead>

<tbody>

<td><div class="rp-client-title"><a class="rp-client-name" href="admin.php?page=player-youtube-ads.php&act=edit&id=<?php echo $post->ID; ?>"><?php echo $post->post_title; ?></a><br><div class="client-manage-action"><div class="btn-group ml-1">

<a class="btn btn-secondary btn-sm" href="admin.php?page=player-youtube-ads.php&act=edit&id=<?php echo $post->ID; ?>"><span class="fa fa-pencil mr-1"></span>Chỉnh sửa</a>

</div><div class="btn-group ml-1">

</div></div></div></td>

</tr>

</tbody>

</table>

4.9/5 (10 Đánh giá)

Các bài viết khác có thể hữu ích với bạn

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Cách dùng Local Storage để lưu trữ dữ liệu ít quan trong [ 09/11/2022 01:39 ]
Mã js copy nội dung text của một element vào bộ nhớ tạm [ 19/01/2022 14:42 ]
Đoạn mã copy text tới clipboard [ 14/11/2021 04:00 ]
Xử lý ngày tháng date trong javascript [ 30/10/2021 02:30 ]
Tìm kiếm tức thời autocomplete hay đề xuất trong javascript [ 21/10/2021 02:51 ]
Scroll to with animation to element by jquery [ 08/09/2021 02:02 ]
Show và hide một element bở select form [ 24/07/2021 07:31 ]
Thực hiện một function tại một thời điểm nào đó trong javascript (setInterval và setTimeout) [ 15/10/2020 13:20 ]
Function kiểm tra email bằng javascript ( Function check email by javascript) [ 20/08/2020 04:36 ]
Kiểm tra số điện thoại bằng javascript ( check phone number by javascript) [ 20/08/2020 03:21 ]

Check tất cả checkbox bằng javascript

1.Function javascript làm điều này

2. Cách dùng nó onclick=”CheckAll(this) như đoạn code bên dưới

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)