我有一组单选按钮。当我选择任何一个单选按钮时,相应的块应该打开。这是我的代码,请帮助。
<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)的示例。