Question

我有两组单选按钮：

<input type="radio" name="amount" value="1"/>
<input type="radio" name="amount" value="2"/>

<input type="radio" name="book" value="fiction"/>
<input type="radio" name="book" value="novel"/>

function myEvent(){
    //do something
}

我想触发一个事件，特别是在选中两个单选按钮时调用另一个函数。我尝试使用click()和change()函数，但是，在选中第一个单选按钮后会调用该函数。我想只在选中两个单选按钮后调用一个函数。我该怎么做？

Answer 1

这样的事情应该有效：

$(':radio').change(function() {
    if($(':radio:checked').length === 2) {
        myEvent();
    }
});

关键部分是if语句，它选择所有checked单选按钮，然后确保它们中只有两个（使用生成的jQuery对象的length属性），在调用函数之前。

Answer 2

$(':radio').change(function() {
    if ($("input:radio[name='name']").is(':checked') && $("input:radio[name='book']").is(':checked')) {
         myEvent();
    }
}

如何在选择两个不同的单选按钮后触发事件

2 个答案: