jquery - jquery从单选按钮组中获取值

Question

我有两组简单的单选按钮，如下所示：

Yes<input type="radio" name="first" value="yes"> No<input type="radio" name="first" value="no"><br>
Yes<input type="radio" name="second" value="yes"> No<input type="radio" name="second" value="no">
<h4 class="result"></h4>

我会将它们设置成这样：

• 如果两个组的值都为“否”，则 h4 中的结果为“低”
• 如果两个组都具有“是”值，则结果为“高”
• 如果两个组的值不同，即“是”和“否”，结果将是“中”

所以，我想用 change 事件把它变成 jQuery，我该怎么做？

Answer 1

首先，通过关闭输入标签来修复您的标记。然后：

$(function () {
    $('input[type="radio"]').on("change", function () {

        var firstChecked = $('input[type="radio"][name="first"]:checked').val();
        var secondChecked = $('input[type="radio"][name="second"]:checked').val();

        if (typeof firstChecked == "undefined" || typeof secondChecked == "undefined") return;

        var result = firstChecked == "yes" && secondChecked == "yes" ? "High" : firstChecked == "no" && secondChecked == "no" ? "Low" : "Medium";

        $('.result').text(result);
    });
});

演示：http: //jsfiddle.net/5dzHn/