2017-07-19 130 views
1

我想隱藏我的兩臺收音機的表格列並顯示一個。到目前爲止,我已經嘗試了很多解決方案,但沒有功能。使用提交按鈕單擊單選按鈕時隱藏表格列

這裏是我的收音機,

<input type='radio' name='users' value='all' <?php if (isset($_POST['users']) && $_POST['users'] == 'all') echo ' checked="checked"';?> checked /> All Candidates<br> 
       <input type='radio' name='users' value='approved' <?php if (isset($_POST['users']) && $_POST['users'] == 'approved') echo ' checked="checked"';?>/> Approved Candidates<br> 
       <input type='radio' id='show' name='users' value='unapproved' <?php if (isset($_POST['users']) && $_POST['users'] == 'unapproved') echo ' checked="checked"';?> /> Unapproved Candidates<br><br> 
      <input type="submit" value="submit" id="submit"><br><br> 

我的專欄是

<th>Check for Approval <input type="checkbox" id="select_all"/> </th> 

這裏如下我的jQuery,

<script> 
     $(function() { 

      $(':radio').change(function(){ 

       var isChecked = $('#show').prop('checked'); 
       $('#select_all').toggle(isChecked); 
      }); 

     }); 
      </script> 

在應用此,我已經收到到目前爲止在單擊單選按鈕時,只有表頭中的複選框會關閉我的兩個收音機,但是提交按鈕會生成th再次出現。所以這件事還沒有運氣。希望找到一些解決方案。

回答

0

你可以使用jQuery來隱藏第n個孩子,如果它永遠是同一列。

$('th:nth-child(2),td:nth-child(2)').hide()

+0

感謝您的關注。是的,它始終是同一列,但我需要在第三個表格中顯示,即'未批准'。這可以如何實施? – anand

+0

它爲所有三個單選按鈕選擇完全隱藏列。這並不能解決問題。無論如何,只有兩個收音機才能實現「隱藏」@ CumminUp07 – anand

+0

,所以當選擇了未經認可的收音機時需要它來隱藏列,並在選擇不同的收音機時顯示它?像這樣https://jsfiddle.net/xhf7a6fg/ – CumminUp07