javascript - jQuery if 单选按钮名称和值的条件

Question

我有一个像这样的单选按钮

<input type="radio" name="user-type" value="Store">
<input type="radio" name="user-type" value="Brand">

我试过像这样写 jQuery 脚本

if($("input[name=user-type]:checked").val()) == "Brand"){
     $(".showstore").hide();
     $(".showbrand").show();
}

也尝试过

if($("input[name=user-type]:checked").val()) == "Brand").click(function(){
       $(".showstore").hide();
     $(".showbrand").show();
});

也尝试过

if ( $("input[name=user-type]:radio").val() == "Brand"){
     $(".showstore").hide();
     $(".showbrand").show();
}

这些都不起作用，欢迎任何更正。谢谢。

更新1

我试过这种方式，这两个都隐藏了

if($("input[name=user-type]:checked").val() == "Brand"){
     $(".showstore").hide();
     $(".showbrand").show();
}
else if($("input[name=user-type]:checked").val() == "Store"){
     $(".showstore").show();
     $(".showbrand").hide();
}

Answer 1

试试下面的代码 - 它主要是监听 name=user-type 单选按钮上的 click，并根据点击的单选按钮进行切换。

$(function () {
    $('.showstore').hide();
    $('.showbrand').hide();

    $("input[name=user-type]:radio").click(function () {
        if ($('input[name=user-type]:checked').val() == "Brand") {
            $('.showstore').hide();
            $('.showbrand').show();

        } else if ($('input[name=user-type]:checked').val() == "Store") {
            $('.showstore').show();
            $('.showbrand').hide();

        }
    });
});

工作 fiddle :http://jsfiddle.net/FpUSH/1/