หากต้องการสร้าง รายการ ที่สามารถลบได้ทั้งแบบ Checkbox List และ แบบทีละรายการทำอย่างไรครับ?

<form id="user_list_form" name="user_list_form" method="POST" action="index.php?page=user&action=delete">
<div class="panel" style="border-bottom:solid 1px #CCC;">
	<h3 class="topic" style="float:left;">รายชื่อผู้ใช้งานระบบ</h3>
    <ul>
    	<li><a href="?page=user&action=add">เพิ่ม</a></li>
        <!--<li><a href="?page=user&action=edit">แก้ไข</a></li>-->
        <!--<li><a href="?page=user&action=del">ลบ</a></li>-->
        <li><input class="button_styleB" type="submit" name="delete" value="ลบ"></li>
    </ul>
</div>

<div id="user_list">
<?php
	$i = 1;
    $sql_user = "SELECT u.username, u.password, u.name, u.email, u.nickname, u.phone, u.phone2, u.address, u.district, u.province, u.post_code, u.specify_id, u.rcv_email_flag, u.last_login, s.specify_name, pv.province_name, u.approve_flag, s.admin_flag FROM (users u left outer join account_specify s on s.specify_id = u.specify_id) left outer join province  pv on pv.province_id = u.province ORDER BY username ASC";
    $query_user = $conn->Execute($sql_user);
                
    echo '<ul>';
	echo '<li style="margin:0 0 5px 0; border-bottom:solid 1px #CCC;">
			<input style="float:left; margin:0 5px;" type="checkbox" id="select_all" name="select_all">
		  	<div style="float:left; width:120px;">ชื่อ</div>
			<div style="float:left; width:230px;">ชื่อผู้ใช้</div>
			<div style="float:left; width:100px;">ระดับผู้ใช้</div>
			<div style="float:left; width:150px;">การใช้งานล่าสุด</div>
			<div style="float:left; width:100px;">จัดการผู้ใช้</div>
		  </li>';
    while($fuser = $query_user->FetchRow()){
	$txt_user_status = $fuser['approve_flag']  == 'Y'? '<img src=\'../images/templates/default/tick.png\' width=\'16\' height=\'16\'>' : '<img src=\'../images/templates/default/warning.png\' width=\'16\' height=\'16\'>';
    echo '<li>
			<input style="float:left; margin:0 5px;" type=\'checkbox\' id=\'chkdel"'.$i.'"\' name=\'chkdel[]\' value="'.$i.'">
			<div style="float:left; width:120px;"><a href="?page=user&action=view&id='.$fuser['username'].'">'.$fuser['username'].'</a></div>
			<div style="float:left; width:230px;">'.$fuser['name'].'</div>
			<div style="float:left; width:100px;">'.$fuser['specify_name'].'</div>
			<div style="float:left; width:150px;">'.$fuser['last_login'].'</div>
			<div style="float:left; width:100px;">
				<a style="margin:0 5px 0 0;" href="?page=user&action=edit_stat&id='.$fuser['username'].'">'.$txt_user_status.'</a>
				<a style="margin:0 5px 0 0;" href="?page=user&action=edit&id='.$fuser['username'].'"><img src=\'../images/templates/default/pencil.png\' width=\'16\' height=\'16\'></a>
				<a style="margin:0 5px 0 0;" href="?page=user&action=del&id='.$fuser['username'].'"><img src=\'../images/templates/default/delete.png\' width=\'16\' height=\'16\'></a>
			</div>
		  </li>';
		$i++;
    }
    echo '</ul>';
    echo '<input type=\'hidden\' id=\'hdncount\' name=\'hdncount\' value=\''.$i.'\' />';
?>
</div>
</form>