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

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();
    }
}