點擊后如何檢查單選按鈕是否已被檢查？

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') 。 如果那是對的 - 你可以在追加時進行檢查。 然后當它被點擊時 - 它將永遠是負值。

（如果它從頭開始在頁面中 - 您可以在重新加載頁面之后進行此檢查，然后再有人點擊它。）