2017-07-19 96 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