Javascript 将两个相同的Jquery单选开关放在一个提示符中

我有这个：

$('input[name="toggle"]').bind('change',function(){
    var showOrHide = ($(this).val() == 1) ? true : false;
    $('.first-toggle').toggle(showOrHide);
 });
 $('input[name="toggle2"]').bind('change',function(){
    var showOrHide = ($(this).val() == 1) ? true : false;
    $('.second-toggle').toggle(showOrHide);
 });

基本上，我只需要一个jquery调用，而不是进行两个（或多个）调用。有没有简单的方法可以做到这一点？应该是更简单的方法

我尝试使用

.parent（）

但似乎没用。 jsfiddle：

---

使用公共类而不是增量类使其简单得多。然后可以使用遍历来查找特定实例

HTML

---

您可以为文本div使用公共类，为目标输入的名称使用css选择器，从

切换开始

然后使用同级选择器作为
nextAll
，以文本分区为目标


@实际上，Riskbreaker最好将标签包裹在收音机周围（用于UX），并可以使用类似于
.nestest（'div'）的遍历。查找（'.toggle'）
从未尝试过下一步，但这是有意义的！非常感谢。我真的很喜欢你的答案，但自从@charlietfl第一次发表评论后，我不得不把它交给他。。。但下一步我将探索更多
@风险断路器-根本不是问题。。。希望你能达到你的目标！
<div class="toggle">Test 1</div>

 $(':radio').bind('change', function () { /* use more specific selector than ":radio" that matches main container */
    var showOrHide = ($(this).val() == 1) ? true : false;
    $(this).siblings('.toggle').toggle(showOrHide);
});

$(document).ready(function () {
     $('input[name*="toggle"]').bind('change',function(){
        var showOrHide = ($(this).val() == 1) ? true : false;
        $(this).nextAll('div.toggle').toggle(showOrHide);
     });                     
});