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 は、1 番目のラジオ ボタン (tfn) の例です。

4

2 に答える 2

0

もっと簡単にできます: デモ

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