Question

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

让我解释一下，这是我的形式：

<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 []”并且必须自动检查名称“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();
});

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

2 个答案: