javascript - 如果... radio 被检查警报

Question

我正在尝试编写一段使用表单中的用户选择的代码。 该代码应提供一个警报窗口，其中包含所选 radio 的名称但不起作用，它仅显示 A 警报 A 是选择器或 B 被选中。 这是表格

<FORM>
<input type="radio" name="search_type" value="A"/>type A<br/>
<input type="radio" name="search_type" value="B"/>type B<br/>
</FORM>

这是js代码

$(document).ready(function(){
    $('input:radio[name="search_type"]').change(function() {
        if ($('input:radio[name="search_type"]').val() == 'A'){
                alert('type A');
        };
        if ($('input:radio[name="search_type"]').val() == 'B'){
                alert('type B');
        };
    });
});

在这里你可以找到运行代码:http://jsfiddle.net/ur7cc/ 谁能告诉我为什么它不起作用？ 谢谢!

Answer 1

在处理radio/checkbox 时，您需要为.val() 使用with :checked 选择器。或者，您可以使用 $(this).val()，其中 this 基本上是触发更改的 radio 。见下文，

$(document).ready(function(){
    $('input:radio[name="search_type"]').change(function() {
        if ($(this).val() == 'A'){
                alert('type A');
        }
        if ($(this).val() == 'B'){
                alert('type B');
        }
    });
});

与:checked 选择器一起使用，

$('input:radio[name="search_type"]:checked').val()

演示: http://jsfiddle.net/skram/ur7cc/1/