javascript - 单击单选按钮后如何检查单选按钮是否已被选中？

Question

我的单选按钮上有一个点击监听器。

我需要检查单选按钮在点击之前是否已经被选中，或者是否没有。

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

但是，上述警报每次都为真。在单击之前，如何查看它是否已被选中？

Answer 1

您可以使用 data() 来存储 radio 的先前值，然后对照该值检查当前值:

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

Example fiddle

如果您在页面加载时在 HTML 中的其中一个 radio 上设置了 checked 属性，请添加此代码以设置该特定 radio 的 data:

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