jq对radio的控制有关问题

jq对radio的控制问题
需要达到的效果很简单，就是有两个单选扭，后面分别对应两个下拉菜单，下拉菜单display:none，选中哪个radio，后面的下拉菜单就显示出来。源码在下面：

HTML code

&lt;html&gt;&lt;head&gt;&lt;/head&gt;&lt;style&gt;    .nclassify{float:left;margin:10px}    .nclassify select{display:none}&lt;/style&gt;&lt;body&gt;    &lt;span class="nclassify"&gt;        &lt;input id="ncsn1" type="radio" name="ncsn" value="政府新闻" /&gt;&lt;label&gt;政府新闻&lt;/label&gt;        &lt;select id="snc1"&gt;            &lt;option selected&gt;全部&lt;/option&gt;            &lt;option value="政府新闻类型一"&gt;政府新闻类型一&lt;/option&gt;            &lt;option value="政府新闻类型二"&gt;政府新闻类型二&lt;/option&gt;            &lt;option value="政府新闻类型三"&gt;政府新闻类型三&lt;/option&gt;            &lt;option value="政府新闻类型四"&gt;政府新闻类型四&lt;/option&gt;            &lt;option value="政府新闻类型五"&gt;政府新闻类型五&lt;/option&gt;        &lt;/select&gt;    &lt;/span&gt;    &lt;span class="nclassify"&gt;        &lt;input id="ncsn2" type="radio" name="ncsn" value="企业新闻" /&gt;&lt;label&gt;企业新闻&lt;/label&gt;        &lt;select id="snc2"&gt;            &lt;option selected&gt;全部&lt;/option&gt;            &lt;option value="企业新闻类型一"&gt;企业新闻类型一&lt;/option&gt;            &lt;option value="企业新闻类型二"&gt;企业新闻类型二&lt;/option&gt;            &lt;option value="企业新闻类型三"&gt;企业新闻类型三&lt;/option&gt;            &lt;option value="企业新闻类型四"&gt;企业新闻类型四&lt;/option&gt;            &lt;option value="企业新闻类型五"&gt;企业新闻类型五&lt;/option&gt;        &lt;/select&gt;    &lt;/span&gt;&lt;/body&gt;&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;    &lt;script&gt;        $(function(){            $("input:radio[name='ncsn']:checked").siblings("select").css("display","block");        });        &lt;/script&gt;&lt;/html&gt;

现在问题来了，当选中radio后，对应的select不会立刻出来，需要刷新一下才有效果，如何能让select实时根据所选radio展现呢？

[解决办法]
<script>
$(function(){
$("input:radio").click(function(){
$(this).siblings("select").css("display","block");
});
});
</script>
[解决办法]

JScript code

&lt;script type="text/javascript"&gt;    $(function(){        $("input:radio").click(function(){            $("select").hide();            $(this).siblings("select").show();        });    });&lt;/script&gt;
[解决办法]
探讨
JScript code
&lt;script type="text/javascript"&gt;
    $(function(){
        $("input:radio").click(function(){
            $("select").hide();
            $(this).siblings("select").show();
        }……

[解决办法]
楼主转变一下思维方式：用JQ设置display:block，还不如用show()简单。。。
个人是这么理解的

[解决办法]
        $(function(){
           $("input[name='ncsn']").click(function(){
$(this).siblings("select").show();
$(this).parent().siblings().find("select").hide();
});
       });

jq对radio的控制有关问题

热点推荐