点击后如何检查单选按钮是否已被检查？

Question

我的radiobuttons上有一个点击监听器。

我需要检查在点击之前是否已检查过radiobutton，或者是否已经检查过。

$('.GridRadio').live('click', function () {
    alert($(this).is(':checked'));
});

但是，上述警报每次都是真实的。 如何在点击之前查看是否已经检查过？

Answer 1

您可以使用data()来存储收音机的先前值，然后根据该值检查当前值：

$(".GridRadio").click(function() {
    var lastValue = $(this).data("last-value");
    var value = $(this).val();

    if (lastValue == value) {
        alert("Already checked");
    }
    else {
        alert("Not previously checked");
    }

    $(".GridRadio").data("last-value", "");
    $(this).data("last-value", value);
});

示例小提琴

如果在页面加载时在HTML中的某个无线电上设置checked属性，请添加此代码以设置该特定data ：

$(".GridRadio:checked").data("last-value", $(".GridRadio:checked").val())

Answer 2

如果你正在使用live你可能会在$(document).ready之后附加$('.GridRadio') 。 如果那是对的 - 你可以在追加时进行检查。 然后当它被点击时 - 它将永远是负值。

（如果它从头开始在页面中 - 您可以在重新加载页面之后进行此检查，然后再有人点击它。）