Question

单选框选择时隐藏显示DIV

<li id="ulli">
<span>用户类型:</span>
<span style="margin-left: 30px;">业主</span><input id="radio" checked="checked" type="radio" name="userType" value="0" required="required" url style="width:30px;" /><span></span>
<span>家属</span><input id="sib" type="radio" name="userType" value="1" required="required" url style="width:30px"/><span></span>
<span>租客</span><input id="Tenant" type="radio" name="userType" value="2" required="required" url style="width:30px"/><span></span>
</li>

<li id="Owner" style="display:none">
<div class="form-group">
<span class="input-group-addon">选择业主 </span>
<select name="" id="" style="width:156px" >

<option value="">请选择</option>

</select>

</div>
</li>

默认为业主时不显示DIV 选择家属或者亲戚的时候才会显示DIV，再点回业主时再隐藏

Answer 1

$(":radio[name='xxx']").click(function(){ var index = $(":radio[name='xxx']").index($(this)); if(index == 1) //选中第2个时，div显示 $(divSelector).show(); else //当被选中的不是第2个时，div隐藏 $(divSelector).hide();});

追问

好像不行啊，而且，只有选择业主的时候DIV菜不显示，为家属跟租客都要显示

Answer 2

$(function(){
$("input[type=radio][name=userType]").change(function(){
var v = $(this).val();
if (v =="0"){
$("#Owner").css({"display":"none"});
}else{
$("#Owner").css({"display":"block"});
}
});
});
测试好用的，有问题随时可追问。