選択したチェックボックスの数を数えてチェックするすべて

Question

私のデータベースから値を取得しています。ご存じのように、削除または更新する複数の行をチェックしたいことがあります。私は必要なもの

は次のとおりです。

- 選択したチェック・ボックス の数 - どのように私は、任意の機能のないループ、複数のチェックボックスESをすることができますここに1つのチェックボックス

を使用して、すべてのチェックボックスをチェックするには、次のとおりです。

if(isset($_POST['Submit'])) 
{ 
    echo '<table id="registrations_table_results" border=1 align=center > 
    <thead style="font-weight:bold;"> 
    <tr> 
     <td><input type="checkbox" name="checkall"></td> 
     <td>#</td> 
     <td>Name Surname</td> 
     <td>Unique ID</td> 
    </tr> 
    </thead>';  

    $adsoyad = $_POST['adsoyad']; 
    $query = mysqli_query($connect,"select * from kullanicilar where adsoyad like '%$adsoyad%'"); 


    while ($read = mysqli_fetch_array($query)) 
    {  
     $id = $read['ID']; 
     $adsoyad = $read['adsoyad']; 
     $tc = $read['tc']; 

     echo ' 
      <tr> 
       <td><input type="checkbox" name="check"></td> 
       <td>'.$id.'</td> 
       <td>'.$adsoyad.'</td> 
       <td>'.$tc.'</td> 
      </tr> 
      '; 
    } 
    } 

ここにどのように見えますか：

e、検索ボタンをクリックすると、各結果の近くにチェックボックスが表示されます。すべてをチェックするには、テーブルヘッダーの1を選択します。複数の機能を試しましたが、機能しないようでした。私はここにコピーしてそれで、私がここで必要としていた機能に合うほうがよいでしょう。

編集：これらのチェックボックスは手作業で作成されていませんでした。しかし、行の数だけ行います。

Answer 1

jQueryのcheckboxチェンジチェンジ時のサンプルコードを追加しました 以下のコードを参照してください：またチェックボックスをオフにします。あなたは以下のようなものにあなたのチェックボックスの名前を変更する必要が

$(document).ready(function(){ 
 
     //Checkbox check event 
 
     $("input[type='checkbox']").on("change", function(){ 
 
       //update count every check change event 
 
       //total of all check[] checked 
 
       var checkedcount = $("input[name='check[]']:checked").length; 
 
      console.log("Total checked items" + checkedcount); 
 
      //Check values of all check[] 
 
      setTimeout(function(){ 
 
      var checkboxes = $("input[name='check[]']"); 
 
      $.each(checkboxes , function(index, element){ 
 
       //check if the current checkbox is checked 
 
       var ischecked = $(checkboxes[index]).is(":checked") ? true : false; 
 
       //sample output 
 
       console.log(index + " value=" + element.value + "/ischecked? =" + ischecked); 
 
      }); 
 
      }); 
 

 
     }); 
 
    
 
     $("input[name='checkall']").on("change", function(){ 
 
      if ($("input[name='checkall']:checked")) { 
 
      $("input[name='check[]']").not(this).prop('checked', this.checked); 
 
      } 
 
     }).trigger("onchange"); 
 
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
<tr> 
 
    <td><input type="checkbox" name="checkall"> Check all</td> 
 
</tr> 
 
<tr> 
 
    <td><input type="checkbox" name="check[]" value="number one">1</td> 
 
</tr> 
 
<tr> 
 
    <td><input type="checkbox" name="check[]" value="number two">2</td> 
 
</tr> 
 
<tr> 
 
    <td><input type="checkbox" name="check[]" value="number three">3</td> 
 
</tr> 
 
<tr> 
 
    <td><input type="checkbox" name="check[]" value="number four">4</td> 
 
</tr> 
 
<tr> 
 
    <td><input type="checkbox" name="check[]" value="number five">5</td> 
 
</tr> 
 
    </table>

まず：

<td><input type="checkbox" name="check[]"></td> 

にあなたができるを提出してください：

$checkboxes = $_POST['check']; 
$cbCount = count($checkboxes); 

は

$(document).ready(function(){ 
    $("input[name='check[]']").on("change", function(){ 
      //update count every check change event 
      var count = $("input[name='check[]']:checked").length; 
    }); 
});