Jquery 从选中的字段中获取值以隐藏框

我有一个问题，我试图创建一个例子，我可以显示和隐藏不同类型和星星的.box。如何从选中的无线电字段中获取值

我的代码

隐藏
#包装纸{
浮动：左；
显示：内联
}
.盒子{
背景颜色：黄绿色；
浮动：左；
高度：100px；
利润率：10px；
宽度：100px；
文本对齐：居中
}
#航行{
宽度：100%；
最小高度：50px；
浮动：左；
}
#导航ul{
左侧填充：0px；
}
#导航ulli{
宽度：100%；
背景颜色：橙色；
边缘底部：10px；
浮动：左；
光标：指针；
高度：30px；
文本对齐：居中；
列表样式类型：无
}
$（文档）.ready（函数（）{
$（“#导航>ul>li>标签>输入，#导航>澳新银行之星>li>标签>输入”）。单击（函数（）{
var type_id=$（“#navigation>ul>li>label>input”）。数据（“loktyp”）是（“#navigation>ul>li>label>input:checked”）；
var stars=$（“#导航>澳新银行之星>标签>输入”）。数据（“stars”）为（“#导航>澳新银行之星>标签>输入：选中”）；
变量路径=类型_id+'-'+星；
警报（路径）；
});
});

类型1
类型2

明星


全明星
一颗星
双星
三星
四星
五星

一颗星
双星
一颗星
双星
四星
一颗星
四星
一颗星
三星
一颗星

尝试此操作以显示与数据类型和数据星值匹配的框

隐藏
#包装纸{
浮动：左；
显示：内联
}
.盒子{
背景颜色：黄绿色；
浮动：左；
高度：100px；
利润率：10px；
宽度：100px；
文本对齐：居中
}
#航行{
宽度：100%；
最小高度：50px；
浮动：左；
}
#导航ul{
左侧填充：0px；
}
#导航ulli{
宽度：100%；
背景颜色：橙色；
边缘底部：10px；
浮动：左；
光标：指针；
高度：30px；
文本对齐：居中；
列表样式类型：无
}
$（文档）.ready（函数（）{
$（“输入[type=radio]”。单击（函数（）{
var type_id=$（'input[type=radio][name=typ]：checked'）.attr（'data-type'）；
var stars=$（'input[type=radio][name=star]：选中'）.attr（'data-stars'）；
变量路径=类型_id+'-'+星；
//开始显示匹配的框
//$（'#wrapper.box'）.hide（）；
//$（“#包装器div[data type=“”+type_id+”][data stars=“”+stars+”]）。show（）；
//结束以显示匹配的框
//开始隐藏匹配的框
$（'#wrapper.box'）.show（）；
$（“#包装器div[data type=“”+type_id+”][data stars=“”+stars+”]）。hide（）；
//结束以隐藏匹配的框
警报（路径）；
});
});

类型1
类型2

明星


全明星
一颗星
双星
三星
四星
五星

一颗星
双星
一颗星
双星
四星
一颗星
四星
一颗星
三星
一颗星

简短的代码。由于您没有任何其他表单/输入元素，因此可以检查并使用以下代码：

$（文档）.ready（函数（）{
$（“输入”）。单击（函数（）{
if（$（this）.data（'type'））
警报（$（this）.data（'type'））
if（$（this）.data（'stars'））
警报（$（this）.data（'stars'））
});
});

#包装器{
浮动：左；
显示：内联
}
.盒子{
背景颜色：黄绿色；
浮动：左；
高度：100px；
利润率：10px；
宽度：100px；
文本对齐：居中
}
#航行{
宽度：100%；
最小高度：50px；
浮动：左；
}
#导航ul{
左侧填充：0px；
}
#导航ulli{
宽度：100%；
背景颜色：橙色；
边缘底部：10px；
浮动：左；
光标：指针；
高度：30px；
文本对齐：居中；
列表样式类型：无
}

隐藏

类型1
类型2

明星


全明星
一颗星
双星
三星
四星
五星

一颗星
双星
一颗星
双星
四星
一颗星
四星
一颗星
三星
一颗星

谢谢，这很有效！您知道如何隐藏.box where.box data type=“1”和data stars=“4”？我已经在解决方案中添加了注释模式下隐藏框代码的逻辑，您可以通过注释显示框逻辑和未注释隐藏逻辑进行检查。