javascript - jQuery 检测单选按钮中的选择

Question

我想用单选按钮构建表单，我需要检测是否已选择所有单选按钮。

功能更改非常简单。在我的情况下:

    $('input:radio').change(function() {
    alert($('[name|="pyt10"]:checked').val() + " / " + $('[name|="pyt11"]:checked').val() + " / "+ 
})

但这里有一个小问题 - 我有 3 组 radio 。当我选择第一个单选按钮时，警报显示所有字段均未定义，第二个选择后第一个单选按钮具有值，但第二个仍未定义，依此类推。

这意味着我的警报显示更改之前的 radio 值，而不是之后。

选择后如何写入单选值？

Answer 1

对于您眼前的问题，“我需要检测是否已选择所有 radio 。”，您可以使用此:

var radios = $('input:radio').on("click", function () {
    alert(radios.length === radios.filter(":checked").length);
});

演示: http://jsfiddle.net/VWrzN/1/