为了账号安全,请及时绑定邮箱和手机立即绑定

在HTML表中隐藏/显示列

在HTML表中隐藏/显示列

我有一个包含几列的HTML表,我需要使用jquery实现一个列选择器。当用户单击复选框时,我要隐藏/显示表中的相应列。我想在不将类附加到表中的每个td的情况下执行此操作,是否可以使用jquery选择整个列?以下是HTML的示例。<table>    <thead>        <tr><th class="col1">Header 1</th><th class="col2">Header 2</th><th class="col3">Header 3</th></tr>    </thead>    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr>    <tr><td>Column1</td><td>Column2</td><td>Column3</td></tr></table><form>    <input type="checkbox" name="col1" checked="checked" /> Hide/Show Column 1 <br />    <input type="checkbox" name="col2" checked="checked" /> Hide/Show Column 2 <br />    <input type="checkbox" name="col3" checked="checked" /> Hide/Show Column 3 <br /></form>
查看完整描述

3 回答

  • 3 回答
  • 0 关注
  • 1857 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信