页面有3个ra@R_301_410@单选按钮,点击不同的ra@R_301_410@显示相应的内容,同时隐藏别的ra@R_301_410@下的内容。
<script type="text/javascript">
$(document).ready(function () {
InitalShow(); //页面一加载就根据选择的ra@R_301_410@显示或隐藏相应内容
$("[name='ReportType']").change(function () {
InitalShow(); //ra@R_301_410@值改变就显示或隐藏相应内容
})
})
function InitalShow() {
var nValue = $('input[name=ReportType]:checked').val()
if (nValue == 1) {
$("p.report1").show();
$("p.report2").hide();
$("p.report3").hide();
}
if (nValue == 2) {
$("p.report1").hide();
$("p.report2").show();
$("p.report3").hide();
}
if (nValue == 3) {
$("p.report1").hide();
$("p.report2").hide();
$("p.report3").show();
}
}
</script>
<span><input type="ra@R_301_410@" name="ReportType" value="1" checked="checked"/>weekly report</span>
<br>
<p class="report1">
...
</p>
<span><input type="ra@R_301_410@" name="ReportType" value="2"/>monthly report</span>
<br>
<p class="report2">
...
</p>
<span><input type="ra@R_301_410@" name="ReportType" value="3"/>annual report</span>
<br>
<p class="report3">
...
</p>