if...radio已选中警报

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

在处理radio/checkbox时，您需要使用.val()的:checked选择器。或者，您可以使用$(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/

Answer 2

请改用$(this)。这是一个简化的版本。

$(document).ready(function(){
    $('input:radio[name="search_type"]').change(function() {
        alert("Type: "+$(this).val());
    });
});
​

演示：http://jsfiddle.net/ur7cc/2/

Answer 3

这是我编写和测试的工作代码。它起作用了。它在不同的复选框中写出复选框的状态。试一试。这对我很管用。

<input type="radio" onclick="alert(this.name);" name="A"/> button A<br>
<input type="radio" onclick="alert(this.name);" name="B"/> button B<br>

我希望它能有所帮助！