if ...收音机被检查警报

Question

我正在尝试编写一段在表单中使用用户选择的代码.代码应该给出一个警报窗口,其中包含所选收音机的名称但不起作用,它只显示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

处理时需要使用:checked选择器.或者您可以使用这里基本上是触发改变的收音机.见下文,.val()radio/checkbox$(this).val()this

$(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/