控件掩藏和现实

控件隐藏和现实
我这样为什么不能控制下拉框隐藏和现实呢


function check(s){
if(s==1){
$("#checkOpinion").css("display","none"); 
}else{
$("#checkOpinion").css("display",""); 
}
};

<div class="control-group">
<from:label class="control-label2"  for="status" style="font-family: 黑体">资源检查:</from:label>
<from:label class="viewText" style="width: 600px" for="status" id="statusLabel" >
<form:radiobutton path="status" value="14" checked="checked" onclick="check(1)"/>成功
<form:radiobutton path="status" value="15"  onclick="check(2)"/>失败
</from:label>
</br>
<form:select id="checkOpinion" path="checkOpinion"  class="required" style="display:none">
<form:option value="" label=""/>
<form:options items="${contentList}" htmlEscape="false"/>
</form:select>

</div>
------解决思路----------------------
.show() 

.hide()

用这个方法测试。