我冒昧地认为,也许 omega 是您错误地指代的一类。
首先,这里没有选择,所以这对你不起作用。您需要对所有input[type=radio]
.
接下来, selected 的单选按钮属性实际上是checked=checked
,因此您需要测试您要检查的那个是否被选中。如果不是,什么也不做,如果是,显示你的 div。
一个 JSFiddle
使用与以下类似的 html 结构:
<form id="form1" name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="RadioGroup1" value="radio1" id="radio1" />
Radio 1</label>
<br />
<label>
<input type="radio" name="RadioGroup1" value="radio2" id="radio2" />
Radio 2</label>
<br />
<label>
<input type="radio" name="RadioGroup1" value="radio3" id="radio3" />
Radio 3</label>
<br />
</p>
</form>
<div id="grid_9" class="omega" style="display:none">show me when Radio 1 is chosen
你的 js 看起来像这样:
$(document).ready(function() {
$("input[type=radio]").on('click', function(){
if ($('#radio1').is(':checked')){
$("#grid_9.omega").slideDown("slow");
} else {
$("#grid_9.omega").slideUp("slow");
}
});
});
</p>