Javascript 选中单选按钮时执行某些操作

仅当选中单选按钮时，如何在单选按钮下方使用类searchFilter显示输入，并隐藏所有其他

。searchFilter

输入

选中一个
例子
例子

选中两个
例子
例子

这样做：

$(document).ready(function(){
    $('input[type=radio]').on('change',function(){
        $('.searchFilter').hide();
        $('input[type=radio]:checked').next('.searchFilter:first').show();
    });
});

---

这应该能奏效

$（文档）.ready（函数（）{
$（'.filter option'）.children（'input[type=radio]'）。on（'change'，function（）{
$（this）.parents（'.details'）.find（'input[type=radio]'）。each（function（）{
$（this）.is（':checked'）？$（this）.同级（'.searchFilter'）.show（）：$（this）.同级（'.searchFilter'）.hide（）；
});
}).触发（“变更”）；
});


选中一个
例子
例子

选中两个
例子
例子

无需使用javascript，您可以使用css：


.searchFilter{
显示：无；
/*隐藏搜索过滤器*/
}
输入[类型=收音机]：选中~.searchFilter{
显示：块；
/*显示选中输入后显示的筛选器*/
}

选中一个
例子
例子

选中两个
例子
例子

请检查我的代码，它可能会对您有所帮助



$（文档）.ready（函数（）{
//第一种形式
//选择最后一个单选按钮作为默认值
$（“form”）.find（“.searchFilter”）.attr（“disabled”，true）.val（“”）
$（“表单”）.find（“.searchFilter”）.last（）.attr（“已禁用”，false）
//论无线电对接选择变换
$（'input[type=radio]'）。在（'change'，function（）上{
$（“form”）.find（“.searchFilter”）.attr（“disabled”，true）.val（“”）；
$（this）.sides（“.searchFilter”）.attr（“已禁用”，false）
});
});

选中一个
例子
例子


嘿，欢迎来到SO。你能给我们展示一下你到目前为止所做的尝试吗？这是jsfiddle，但它不起作用。我想在选中单选按钮时显示文本输入，并且只显示与选中单选按钮相同的.filter选项div中的输入。感谢使用收音机上的
更改
事件，选中复选框并选择输入。