php - 在多个复选框上保持复选框状态一致

Question

当检查主可见的一个时，我需要自动检查或取消选中两个隐藏的复选框。这三个复选框在一个while循环内。

让我解释一下，这是我的表格：

<form action="updateAuc.php" method="POST" name="edit">
    <div class="editbutton">
         <ul>
             <li class="leditcnt"><input class="submitbutton" type="submit" name="edit" value="Aggiorna Trasferimenti" /></li>
             <li class="lremove"><a href="auctionfree_list.php"><input name="Button"  type="button" class="linkbutton" value="Annulla" /></a></li>
         </ul>
    </div>                
    <table width = "100%">
        <tr class="title">
            <td class="head">Player</td>
            <td class="head">Action</td>
            <td class="head">Win</td>
         </tr>                     

        <?php do { ?>    
        <tr>
            <td class="table1"><?php echo $row_dataauc['playerName']; ?></td>
            <td class="table1"><?php echo $row_dataauc['amount']; ?> - <?php echo $row_dataauc['teambid']; ?></td>
            <td class="table1">
                <input name="enable[]" class="inputfield" type="checkbox" value="<?php echo $row_dataauc['aucid']?>"/>
                <input name="enable2[]" class="inputfield" style="display:none" type="checkbox" value="<?php echo $row_dataauc['id']?>"/>
                <input name="enable3[]" class="inputfield" style="display:none" type="checkbox" value="<?php echo $row_dataauc['coachID']?>"/>
            </td>
        </tr>
        <?php } while ($row_dataauc = mysqli_fetch_assoc($dataauc)); ?>
    </table>
</form>

name="enable[]" 是主要的；当我检查这个时，name=”enable2[]” 和 name”enable3[]” 也必须自动检查。

Answer 1

首先，我认为您的复选框应该具有相同的名称，例如enable[]

可见复选框的 onclick 功能；

onclick="setcb(this)"

javascript;

首先，我认为您的复选框应该具有相同的名称，例如 enable[]

function setcb(element) {
  var status = element.checked ? true : false;
  var elements = document.getElementById("enable");

  for( i=0; i<elements.length ; i++ ) {
    elements[i].checked = status;
  }
}

Answer 2

您可以使用 jQuery 轻松完成此操作，但就像 rcpayan 所说，使用不同的名称有点奇怪。

$('input[name=enable\\[\\]]').click(function() {
    $('input[name=enable2\\[\\]]').click();
    $('input[name=enable3\\[\\]]').click();
});