0

我有一组单选按钮。当我选择任何一个单选按钮时,相应的块应该打开。这是我的代码,请帮助。

  <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 是第一个单选按钮(tfn)的示例。

4

2 回答 2

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
});

工作演示

于 2013-07-09T14:59:11.890 回答
0

它可以更容易: 演示

$('input[name=radioVal]').change(function(){
    $(".box").hide();
    $("."+$(this).attr('id')+"-ajax").show();
});
于 2013-07-09T15:04:26.930 回答