如果選中/取消選中，如何調整數據表復選框

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

 <!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");
    }


});

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 個解決方案

解決方案1
0 已采納 2017-01-19 08:45:33

解決方案2
0 2017-01-19 08:59:53

如果選中/取消選中，如何調整數據表復選框

問題描述

2 個解決方案

解決方案1 0 已采納 2017-01-19 08:45:33

解決方案2 0 2017-01-19 08:59:53

解決方案1
0 已采納 2017-01-19 08:45:33

解決方案2
0 2017-01-19 08:59:53