Jquery 使用单选按钮打开/关闭选择表列（默认情况下为关闭）

我有一个基本表，它应该只在加载时显示名字和姓氏列。用户可以切换单选按钮，一次显示一列。问题是切换操作不正常，用户可以一次看到多个额外的列。此外，加载表时，不会隐藏额外的列。我有这个工作的复选框，但当我调整单选按钮，它导致了这些问题

$（'input[type=“radio”]）。每个（函数（）{
var inputValue=“table.”+$（this.attr（“name”）；
$（inputValue）.hide（）；
});
$（'input[type=“radio”]”）。单击（函数（）{
var inputValue=“table.”+$（this.attr（“value”）；
$（inputValue）.toggle（）；
});

选择要显示的列。一次只能显示以下选项中的一个额外列

年龄
性别
家乡
不要表现出来；
名字
姓
年龄
性别
家乡
吉尔
史密斯
50
女性
斯普林菲尔德
前夕
杰克逊
94
女性
南方公园
您需要通过单选按钮
循环
，以隐藏使用
$（this）.val（）
显示的其他列，这将为我们提供单选按钮值，并使用此按钮隐藏

演示代码：


$（'input[type=“radio”]）。每个（函数（）{
//获取单选按钮的值
var inputValue=“table.”+$（this.val（）；
$（inputValue）.hide（）；
});
$（'input[type=“radio”]”）。单击（函数（）{
//首先选中所有单选项隐藏所有其他列
$（'input[type=“radio”]”）。每个（函数（）{
var inputValue=“table.”+$（this.val（）；
$（inputValue）.hide（）；
});
//仅显示单击的列
var inputValue=“table.”+$（this.attr（“value”）；
$（inputValue）.toggle（）；
});

选择要显示的列。一次只能显示以下选项中的一个额外列

年龄
性别
家乡
不要表现出来；
名字
姓
年龄
性别
家乡
吉尔
史密斯
50
女性
斯普林菲尔德
前夕
杰克逊
94
女性
南方公园