Question

我不知道如何调整数据表中的复选框。我想条件是如果数据表中的复选框被检查，我将它插入我的数据库，如果取消选中，我将删除它在数据库中。我正在使用codeigniter框架。

这是我的控制器：

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>

Answer 1

＆＃13;

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

＆＃13;

在jquery中检查是（＆＃34;：已检查＆＃34;）

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

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


});

Answer 2

$('#dataTables-docs tbody').on('click', 'input[type="checkbox"]', function(e){
    for(i = 0; i < $("input[type="checkbox"]").length; i++){
        if($(this).porp("checked")){
            //delete function
        }
    }
})

如果选中/取消选中，如何调整数据表复选框

2 个答案: