檢查引導單選按鈕是否處於活動狀態

Question

我使用引導程序創建了一組單選按鈕，現在我需要進行檢查以確定哪個按鈕處於活動狀態（以確定稍后在我的項目中使用哪個字符串）。

目前，我只是想讓警報顯示出來以進行調試：

$(document).ready(function() {

    var rg_eu = document.getElementById('option1');

    $('#searchplayer1').keypress(function(e) {
    var keycode = (e.keyCode ? e.keyCode : e.which);
        if(keycode == '13') { 
            if($(document.getElementById('option1')).hasClass('active')) {
                alert(rg_eu);
            }
        }
    });
});

但是我的警報沒有出現。 還嘗試使用“ focus”和“ btn btn-secondary active”進行檢查-但似乎沒有任何效果。 我是否必須以某種非常規的方式執行此操作，因為它是通過引導程序完成的？

Answer 1

Bootstrap將active類應用於標簽，而不是按鈕本身。

這是檢查按鈕的一種方法：

$(document).ready(function() {
    $('#searchplayer1').keypress(function(e) {
        var keycode = (e.keyCode ? e.keyCode : e.which);
        if(keycode == '13') { 
            if($('#option1').is(':checked')) {
                alert('option checked');
            }
        }
    });
});

Answer 2

jQuery中有一個選擇器，可為您提供特定單選組中選中的單選按鈕：

if（jQuery（“ input [name =” option1“]：checked”））{alert（'radio is active'）; }

其他方法

1. $('#option1').is(':checked') 
2. $('#option1').prop('checked')

請參考以下鏈接https://api.jquery.com/checked-selector/