gpt4 book ai didi

javascript - 如果选中/取消选中,如何条件数据表复选框

转载 作者:行者123 更新时间:2023-11-29 19:31:55 26 4
gpt4 key购买 nike

我不知道如何调节数据表内的复选框。我想条件如果数据表中的复选框被选中,我会将其插入到我的数据库中,如果取消选中,我将在数据库中删除它。我正在使用 codeigniter 框架。

这是我的 Controller :

public function getalldocs() {
$listdocs = $this->Admin_model->getdoctors();
$data = array();
foreach ($listdocs as $docs) {
$row = array();
$row[] = $docs->user_fname;
$row[] = $docs->user_mname;
$row[] = $docs->user_lname;
$row[] = '<input name="user_id[]" value="'.$docs->user_id.'" type="checkbox">';

$data[] = $row;
}
$output = array(
"data" => $data,
);
echo json_encode($output);
}

这是我的javascript,当我单击复选框时,我设法提醒 user_id 的值,但我不知道如何调节它,无论是选中还是选中并再次取消选中。这是:

function show_docs() {
$("#dataTables-docs").dataTable().fnDestroy();

table = $('#dataTables-docs').DataTable({
"ajax": {
"url": "<?php echo site_url('admin_controls/getalldocs')?>",
"type": "POST",
},
responsive: true,
className: 'select-checkbox',
'bInfo': false,
'paging': false
});
}

$('#dataTables-docs tbody').on('click', 'input[type="checkbox"]', function(e){

var user_id = $(this).val();
alert(user_id);

});

这是我的观点:

 <table id="dataTables-docs"  class="table table-striped table-bordered table-hover dataTable dtr-inline" role="grid" style="width: 100%;" width="100%" aria-describedby="dataTables-material">
<thead>
<tr>
<th>First Name</th>
<th>Middle Name</th>
<th>Last Name</th>
<th></th>
</tr>
</thead>
<tbody>
</tbody>
</table>

最佳答案

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<body>
<table id="dataTables-docs" class="table table-striped table-bordered table-hover dataTable dtr-inline" role="grid" style="width: 100%;" width="100%" aria-describedby="dataTables-material">
<thead>
<tr>
<th>First Name</th>
<th>Middle Name</th>
<th>Last Name</th>
<th><input type="checkbox" value="sdsd">Check</th>
</tr>
<tr>
<th>First Name</th>
<th>Middle Name</th>
<th>Last Name</th>
<th><input type="checkbox" value="sdsd">Check</th>
</tr>
<tr>
<th>First Name</th>
<th>Middle Name</th>
<th>Last Name</th>
<th><input type="checkbox" value="sdsd">Check</th>
</tr>
</thead>
<tbody>
</tbody>
</table>
<script>
$(document).on('change', 'input[type="checkbox"]', function(e){

if($(this).is(":checked"))
{
alert("Checkbox Is Checked");
}
else
{
alert("Checkbox Is Not Checked");
}


});
</script>
</body>
</html>

在 jquery 中使用 is(":checked") 检查

$(document).on('change', 'input[type="checkbox"]', function(e){

if($(this).is(":checked"))
{
alert("Checkbox Is Checked");
}
else
{
alert("Checkbox Is Not Checked");
}


});

关于javascript - 如果选中/取消选中,如何条件数据表复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41737273/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com