2013-05-18 107 views
-2

我需要勾选或取消勾选两个隐藏的复选框,当选中一个可见的主复选框时。 三个复选框在一个周期内。在多个复选框中保持复选框状态一致

让我解释一下,这是我的表格:

<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 =“enable2 []”和名称“enable3 []”也必须被自动检查。

+0

欢迎来到StackOverflow。请阅读http://stackoverflow.com/faq上的常见问题解答。通常的问题:“你有什么尝试?”。我们在这里帮助编程问题,而不是为您编写代码。我建议你编辑你的问题。 – pduersteler

回答

0

首先,我觉得你的复选框都应该有这样enable[]

可见复选框的onclick功能相同的名称;

onclick="setcb(this)" 

的JavaScript;

首先,我觉得你的复选框都应该有这样使[]

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; 
    } 
} 
0

你可以做到这一点很容易使用jQuery相同的名称,但像rcpayan说,它是一种靠不住有不同的名称。

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