在多个复选框上保持复选框状态一致 - Keeping checkbox state consistent over multiple checkboxes

Keeping checkbox state consistent over multiple checkboxes

本文关键字：复选框状态 | 更新日期: 2023-09-27

我需要在选中一个主要可见复选框时自动选中或取消选中两个隐藏复选框。这三个复选框位于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[] "也必须自动选中

首先，我认为你的复选框应该有相同的名称，如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;
  }
}

您可以使用jQuery轻松地做到这一点，但就像rpayan所说的，使用不同的名称有点不稳定。

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