Check tất cả checkbox bằng javascript

11/11/2020 08:18 9485

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">