Флажок SelectAll для входов динамического флажка - PullRequest
Новая
       1

Флажок SelectAll для входов динамического флажка

0 голосов
/ 19 мая 2018

У меня есть таблица "order_details" со столбцами "OrderID", "ProductID", "UnitPrice" и "Количество".Используя строки этих столбцов, я использую следующий код для создания флажков.Я хотел бы добавить флажок «SelectAll» рядом с каждым рядом флажков.Как я могу сделать это, пожалуйста?Благодарю.

Моя форма флажка теперь выглядит следующим образом:

enter image description here

Вот код: checkbox.php 

<!doctype html>
<html>
<head>
<meta charset="utf-8">
</head>

<body>

<?php

include 'dbconfig.php';

$subjectName = "SELECT * FROM order_details";

$subject = mysql_query( $subjectName, $conn );
?>
<h2> Select Order</h2>

 <form method="post" action=" ">

 <?php

 while($data = mysql_fetch_array($subject)) {

echo "<input type='checkbox' value='{$data['OrderID']}'>" . $data['OrderID'] ;
echo "<input type='checkbox' value='{$data['ProductID']}'>" . $data['ProductID'] ;  
echo "<input type='checkbox' value='{$data['UnitPrice']}'>" . $data['UnitPrice'] ;  
echo "<input type='checkbox' value='{$data['Quantity']}'>" . $data['Quantity'] . '</br>'; 
}

?>

 </form>

</body>
</html>

Ответы [ 3 ]

0 голосов
/ 19 мая 2018

Это можно сделать с помощью jQuery,

Добавьте это вне цикла while(): 

<input type="checkbox" name="select-all" id="select-all" />

Затем в jQuery добавьте следующее: 

$('#select-all').click(function(event) {   
    if(this.checked) {
        // Iterate each checkbox
        $(':checkbox').each(function() {
            this.checked = true;                        
        });
    } else {
        $(':checkbox').each(function() {
            this.checked = false;                       
        });
    }
});
0 голосов
/ 19 мая 2018

написать всю строку в div, я думаю, что это работает; 

<?php
while($data = mysql_fetch_array($subject)) {
echo '<div>';
echo "<input type='checkbox' value='{$data['OrderID']}'>" . $data['OrderID'] ;
echo "<input type='checkbox' value='{$data['ProductID']}'>" . $data['ProductID'] ;  
echo "<input type='checkbox' value='{$data['UnitPrice']}'>" . $data['UnitPrice'] ;  
echo "<input type='checkbox' value='{$data['Quantity']}'>" . $data['Quantity'];
echo "<input type='checkbox' class='check-all'>Check All";
echo "</div>";
}
?>

<script>
    $(".check-all").click(function () {
        $(this).parent().find('input:checkbox').not(this).prop('checked', this.checked);
    });
</script>
0 голосов
/ 19 мая 2018

попробуйте 

 <?php
  $i=0;
  while($data = mysql_fetch_array($subject)) {
 echo "<input type='checkbox' id='{$i}' class='check'>"."CheckAll" ;
  echo "<input type='checkbox' class='check_{$i}' value='{$data['OrderID']}'>" .     $data['OrderID'] ;
  echo "<input type='checkbox'  class='check_{$i}' value='{$data['ProductID']}'>" .     $data['ProductID'] ;  
  echo "<input type='checkbox'  class='check_{$i}' value='{$data['UnitPrice']}'>" . $data['UnitPrice'] ;  
  echo "<input type='checkbox'  class='check_{$i}' value='{$data['Quantity']}'>" . $data['Quantity'] . '</br>'; 
$i++;
}

?>

 </form>
 <script>
    $('.check').click(function(e){
      var id=$(this).attr('id');
      $('.check_'+id).prop('checked',this.checked);
    });
 </script>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...