我的检查所有的复选框不工作 - My check all checkboxes not working

My check all checkboxes not working

本文关键字：复选框工作检查我的 | 更新日期: 2023-09-27

我有这个表单从数据库获取数据并显示复选框。我有一个功能来检查和取消检查所有的框，但它不工作。有人能帮忙吗?

      <form id="myform" method="POST" action="PHPMailer/examples/mail-exec.php">
   <div class="row">
  My Trailers :</br>
  <div class="form-group" style="overflow-y: auto; height:100px;">
  <input type="checkbox" name="Check_ctr" value="yes"     onClick="Check(document.myform.check_list)"><b>Check Control</b> </br>
   <?php 
   $qry="SELECT * from followers where vendorid =$vendorid";
  $stmt = $conn->prepare( $qry );
  $stmt->execute();
  while($row = $stmt->fetch(PDO::FETCH_ASSOC))
 {?>
 <input type="checkbox" name="check_list" value="<?php echo      $row['email'];?>"><?php echo $row['name'];?><br>
 <?php } ?>     
 </div>                         
 </form>

下面是js函数:

                <SCRIPT LANGUAGE="JavaScript">
                <!--
                <!-- Begin
                function Check(chk)
                {
                if(document.myform.Check_ctr.checked==true){
                for (i = 0; i < chk.length; i++)
                chk[i].checked = true ;
                }else{
                for (i = 0; i < chk.length; i++)
                chk[i].checked = false ;
                }
                }
                // End -->
                </script>

您的控制台有一个类似Uncaught TypeError: Cannot read property 'check_list' of undefined的错误

您需要分配表单的名称，以便通过document

访问它

function Check(chk, list) {
  var checked = document.myform.Check_ctr.checked
  for (i = 0; i < list.length; i++) {
    list[i].checked = checked;
  }
}

<form name="myform" method="POST" action="PHPMailer/examples/mail-exec.php">
  <div class="">My Trailers :
    <br/>
    <div class="form-group" style="overflow-y: auto; height:100px;">
      <input type="checkbox" name="Check_ctr" value="yes" onClick="Check(this, document.myform.check_list)" /> <b>Check Control</b> 
      <br/>
      <input type="checkbox" name="check_list" value="1">1
      <input type="checkbox" name="check_list" value="2">2
      <input type="checkbox" name="check_list" value="3">3
      <input type="checkbox" name="check_list" value="4">4
      <br/>
    </div>
</form>