（php / jquery）根據另一個選中的復選框值隱藏和顯示復選框

Question

我在數據庫中有一個這樣的表：

------------------------------
| ID_1         | ID_2        |
------------------------------
| A            | 1           |
| A            | 2           |
| A            | 3           |
| B            | 1           |
| B            | 2           |
| B            | 5           |
| C            | 1           |
| C            | 4           |
| C            | 3           |
------------------------------

我有一些ID_1的復選框，像這樣

<input class="ID_1" type="checkbox" value="A">
<input class="ID_1" type="checkbox" value="B">
<input class="ID_1" type="checkbox" value="C">

我每次嘗試選中ID_1復選框時都會嘗試執行此操作，ID_2復選框將顯示，具體取決於我根據上表選中的ID_1復選框。 因此，如果我選中兩個復選框

<input class="ID_1" type="checkbox" value="A" checked>
<input class="ID_1" type="checkbox" value="B" checked>
<input class="ID_1" type="checkbox" value="C">

它會顯示如下：

<input class="ID_2" type="checkbox" value="1">
<input class="ID_2" type="checkbox" value="2">
<input class="ID_2" type="checkbox" value="3">
<input class="ID_2" type="checkbox" value="5">

使用jQuery有可能嗎？ 我需要你的幫助

Answer 1

使用jquery可以做到這一點，您需要顯示所有復選框並使用class代替Id。 我正在研究的解決方案將在完成后發布。

這是適合您的解決方案。 您可以將其添加到腳本中並在瀏覽器中運行。

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!DOCTYPE html > <html> <head> <script src="javas/jquery-1.12.2.min.js" type="text/javascript"></script> <script type="text/javascript"> $('document').ready(function () { //OBJECT OF ARRAY WITH YOUR DESIRED VALUES FROM DATABASE, THIS COULD BE MADE DYNAMICALLY var id1Obj = { A:['1','2','3'], B:['1','2','5'], C:['1','3','4'] }; $('.ID_1').click(function () { $('.ID_2').hide(); jQuery('.ID_1:checked').each(function( index ) { var valId1CheckboxVal = $(this).val(); jQuery('.ID_2').each(function( index ) { if( $.inArray( $( this ).val(), id1Obj[valId1CheckboxVal] ) != -1 ) { $(this).show(); } else { // console.info("flse for " + $( this ).val()); // console.log( $(this) ); } }); }); }); }); </script> </head> <body> <div style="width:100%"> <label>ID_1 checkboxes</label><br> <input class="ID_1" type="checkbox" value="A"> A<br> <input class="ID_1" type="checkbox" value="B"> B<br> <input class="ID_1" type="checkbox" value="C"> C<br> <br> </div> <br> <div style="width:100%"> <label>ID_2 checkboxes</label><br> <input class="ID_2" type="checkbox" value="1">1 <br> <input class="ID_2" type="checkbox" value="2">2 <br> <input class="ID_2" type="checkbox" value="3">3 <br> <input class="ID_2" type="checkbox" value="4">4 <br> <input class="ID_2" type="checkbox" value="5">5 <br> </div> </body> </html>

（php / jquery）根據另一個選中的復選框值隱藏和顯示復選框

問題描述

1 個解決方案

解決方案1
0 已采納 2016-04-02 06:41:08

（php / jquery）根據另一個選中的復選框值隱藏和顯示復選框

問題描述

1 個解決方案

解決方案1 0 已采納 2016-04-02 06:41:08

解決方案1
0 已采納 2016-04-02 06:41:08