|
|
|
สอบถามเกี่ยวกับดัก Event checkbox ในตาราง dataTable ครับ |
|
|
|
|
|
|
|
ปัญหาของผมตอนนี้คือ ดัก Event จาก Checkbox ไม่ได้ โดย checkbox จะเกิดจาก ข้อมูลที่ไปดึงมาจากฐานข้อมูลผ่าน Ajax แล้วแสดงข้อมูลในตาราง dataTable แล้วมันไม่สามารถดักค่า Event ได้
// CODE JAVASCRIPT
Code (JavaScript)
$('#mytable').dataTable().fnClearTable();
$('#mytable').dataTable().fnDraw();
$('#mytable').dataTable().fnDestroy();
$.ajax({
type:'POST',
url: 'sql_get_group.php?sub_id='.concat("<?php echo $Sub_id;?>"),
data:{year: $('#year').val(),term: <?php echo $term_now;?>},
success: function(response) {
var result = JSON.parse(response);
var gr_status="";
$.each(result, function(i, field) {
if(field['group_status']=='0'){
gr_status='<td align="center" valign="middle"><input type="checkbox" id="status_check" data-toggle="toggle" value='+field['group_id']+' > เปิดใช้งาน';
}else{
gr_status='<td align="center" valign="middle"><input type="checkbox" id="status_check" checked data-toggle="toggle" value='+field['group_id']+'> เปิดใช้งาน';
}
$('#mytable tbody').append('<tr><td align="center" valign="middle">' + field['group_number'] + '</td><td valign="middle">' + field['group_name'] + '</td>'+ gr_status+
'</td><td align="center" valign="middle">' + '<a href="Quiz_group.php?sub_id='+'<?php echo $Sub_id;?>' +'&gr_id='+ field['group_id'] +'" class="btn btn-success btn-sm"><span class="glyphicon glyphicon-expand"></span> เข้ากลุ่มเรียน</a>'+
'</td><td align="center" valign="middle">' + '<a href="edit_group.php?sub_id='+'<?php echo $Sub_id;?>' +'&gr_id='+ field['group_id'] +'" class="btn btn-warning btn-sm"><span class="glyphicon glyphicon-edit"></span> แก้ไข </a>' );
});
$('#mytable').dataTable({
"aoColumns": [
null,
null,
null,
null,
null
],
"bDestroy": true
});
}
});
//CODE html
Code (JavaScript)
<table style='display:show'; width='100%' border='0' id="mytable" class='table table-bordered table-hover'>
<thead >
<tr align='center' bgcolor='#CCCCFF'>
<td width='16%' align='center'>กลุ่มที่</td>
<td>ชื่อกลุ่ม</th>
<td width='13%'>status</td>
<td width='13%'>เข้ากลุ่มเรียน</td>
<td width='10%'>แก้ไข</td>
</tr>
</thead>
<tbody>
</tbody>
</table>
ช่วยหน่อยครับ ขอบคุณครับ
Tag : PHP, JavaScript, Action Script, Ajax, jQuery
|
|
|
|
|
|
Date :
2016-10-09 01:54:03 |
By :
saardschool |
View :
1115 |
Reply :
1 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
ดักจับอีเวนท์ด้วย .on() ครับ
$("#mytable").on("click" , "checkbox", function(){
alert($(this).val());
});
|
|
|
|
|
Date :
2016-10-10 16:31:49 |
By :
sakuraei |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Load balance : Server 03
|