js单选按钮后显示不同的div

<!---单选后显示/隐藏层-->
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript">

    $(function(){

$("input[name='xingbie']").click(function(){
            if($(this).val() == "男装"){
                $("#nan").show();//显示id=message的div
                $("#nv").hide();//显示id=message的div
$("#nv_nianhechen").hide();//显示id=message的div
                $("#nv_banmachen").hide();//显示id=message的div
    $("#nan_nianhechen").show();//显示id=message的div
$gongyi_nan_shiban.attr("checked",false);
$gongyi_nv_shiban.attr("checked",false);
               
            }else if($(this).val() == "女装"){
$("#nv").show();//显示id=message的div
                $("#nan").hide();//显示id=message的div
$("#nan_nianhechen").hide();//显示id=message的div
                $("#nan_banmachen").hide();//显示id=message的div
    $("#nv_nianhechen").show();//显示id=message的div
$gongyi_nan_shiban.attr("checked",false);
$gongyi_nv_shiban.attr("checked",false);

            }
        });



  });
</script>
<!---单选后显示/隐藏层-->


js单选按钮后显示不同的div
版权声明:若无特殊注明,本文皆为《 傲世零零 》原创,转载请保留文章出处。
本文链接:js单选按钮后显示不同的div http://www.wangjunjiang.com/?post=94
正文到此结束

热门推荐

发表吐槽

你肿么看?

你还可以输入 250 / 250 个字

嘻嘻 大笑 可怜 吃惊 害羞 调皮 鄙视 示爱 大哭 开心 偷笑 嘘 奸笑 委屈 抱抱 愤怒 思考 日了狗

评论信息框

吃奶的力气提交吐槽中...