Question

我正在设置单选按钮。当我选择任何一个单选按钮时，应打开相应的块。这是我的代码，请帮助。

  <input type="radio" name="radioVal" id="tfn" value="tfn" />
  <input type="radio" name="radioVal" id="exempt" value="exempt"> 
  <input type="radio" name="radioVal" id="nrstatus" value="nrstatus"> 
  <input type="radio" name="radioVal" id="taxdec" value="taxdec">

我的Jquery是：

if ($('input[name="radioVal"]:checked').val() == 'tfn'){ $('.tfn-ajax').show(); $('.exempt-ajax').hide(); $('.nrstatus-ajax').hide(); $('.taxdec-ajax').hide(); }
else if ($('input[name="radioVal"]:checked').val() == 'exempt'){
    alert('exempt');
    $('.tfn-ajax').hide();
    $('.exempt-ajax').show();
    $('.nrstatus-ajax').hide();
    $('.taxdec-ajax').hide();
}
else  if ($('input[name="radioVal"]:checked').val() == 'nrstatus'){
    alert('nrstatus');
    $('.tfn-ajax').hide();
    $('.exempt-ajax').hide();
    $('.nrstatus-ajax').show();
    $('.taxdec-ajax').hide();
}
else  if ($('input[name="radioVal"]:checked').val() == 'taxdec'){
    alert('taxdec');
    $('.tfn-ajax').hide();
    $('.exempt-ajax').hide();
    $('.nrstatus-ajax').hide();
    $('.taxdec-ajax').show();
}

.tfn-ajax，.exempt-ajax，.nrstatus-ajax，.taxdec-ajax是具有一些内容的类。上面的Jquery是1st Radio Button（tfn）的一个例子。

Answer 1

我没有看到你的所有标记，所以这是一个你可以修改以满足你的需求的例子。

将更改处理程序附加到单选按钮，然后隐藏所有上述div，并显示其类与已检查的单选按钮的值对应的那个：

$('input[type=radio][name=radioVal]').on('change', function () {
    var that = $(this),
        val = that.val();

    $('div.ajax').hide(); //hide all ajax divs, this is easier if they all share a class
    $('div.' + val + '-ajax').show(); //show the div that corresponds to this radio
});

<强> Working Demo

Answer 2

它可以更容易： Demo

$('input[name=radioVal]').change(function(){
    $(".box").hide();
    $("."+$(this).attr('id')+"-ajax").show();
});

当我选择单选按钮时，应显示相应的内容

2 个答案: