データテーブルのチェックボックスをチェックする/チェックしない場合のチェック方法

データテーブル内のチェックボックスをどのように調整するかはわかりません。データテーブルのチェックボックスがチェックされている場合は条件にしたい、データベースに挿入し、チェックボックスがオフの場合はデータベースで削除します。私は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の値に警告するために管理するが、私はそれをチェックしたり、チェックした天気を、それを調整する方法を知りませんもう一度チェックを外してください。ここでは、次のとおりです。あると

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

出典

2017-01-19 Jc John

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

チェック：ここ

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

が私の見解です：jQueryのでは（ "チェックする"）

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

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


});

出典

2017-01-19 08:45:33

あなたの答えはありがとうございます。私はこれを試してみます –

こんにちは、これは私がやったことです：チェックは機能していますが、user_idの値はチェックしていません。 $（ '＃dataTables-docs tbody'）。on（ 'クリック'、 '入力[タイプ= "チェックボックス"]'、関数（e）{ if（$（this））.is （ "：チェックする"））{ VARのuser_id = $（この）.val（）; 警告（user_idは+ "チェックボックスをチェックしている"）; }他 { 警告（user_idは+ "チェックボックスがチェックされていない"）; } }）; –

try // .on（ 'change'、.on（ 'click'、 –

$('#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 
     } 
    } 
})

出典

2017-01-19 08:59:53

データテーブルのチェックボックスをチェックする/チェックしない場合のチェック方法

答えて

関連する問題