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中的结果为“低”
如果两个组的值均为“是”，则结果为“高”
如果两个组都有不同的值，即“是”和“否”，则结果为“中”

所以，我想通过更改事件将其变成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/

jquery从单选按钮组获取值

1 个答案: