jQuery：單選按鈕未得到檢查

Question

我有一個項目，我在其中使用單選按鈕選擇來更改類，簡單的內容。

小提琴

這是我第一次使用帶有腳本的單選按鈕，所以我無法解決的原因是為什么單選按鈕沒有顯示為選中/選中狀態，我什至添加了一些jQuery來強制它們仍然處於“選中”狀態。

$('input.eaBtn[type="radio"]').click(function (e) {
    e.preventDefault();
    console.log($(this).data('class'))
    $('.eaStaff').removeClass('transBg darkBg lightBg customBg');
    $('.eaStaff').addClass($(this).data('class'));
    $(this).attr('checked', true);
});

Answer 1

嘗試這個：

To make it checked
$('#radioId').attr('checked', true);

To make it unchecked
$('#radioId').attr('checked', false);

Answer 2

1. 刪除e.preventDefault(); 點擊事件。
2. 建議使用變更事件
3. 還可以使用.prop()進行檢查和取消檢查，而不要使用.attr()

Answer 3

刪除e.preventDefault();

這就是阻止字段選擇此選項的原因。

之后，您不再需要此行$(this).attr('checked', true);

jsfiddle

碼：

$('input.eaBtn[type="radio"]').click(function (e) {
    //e.preventDefault();
    console.log($(this).data('class'))
    $('.eaStaff').removeClass('transBg darkBg lightBg customBg');
    $('.eaStaff').addClass($(this).data('class'));
    //$(this).attr('checked', true);
});

Answer 4

刪除e.preventDefault(); 從點擊事件