使用提交按钮单击单选按钮时隐藏表列

时间:2017-07-19 13:18:39

标签: javascript jquery html

我正在尝试隐藏我的两个无线电的表格列并显示一个。到目前为止,我已经尝试了很多解决方案但非功能性。

这是我的收音机,

<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>

在应用这个时,到目前为止我收到的是单击单选按钮,只有表格标题中的复选框关闭了我的两个无线电,但提交按钮会再次出现。所以没有运气呢。希望找到一些解决方案。

1 个答案:

答案 0 :(得分:0)

如果nth-child始终是同一列,你可以使用jquery来隐藏它。

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