2013-05-18 166 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(); 
});