跨瀏覽器無線電輸入檢查

Question

我有很多單選按鈕，我想用一個接受單選按鈕名稱和值的javascript函數來檢查其中的一個。 在Chrome上，單選按鈕似乎沒有像選擇標簽選項那樣被分組為一個數組。 我是否需要做一些事情，例如將它們全部放入div並通過其控件進行迭代，還是我沒有看到更簡單的方法？

謝謝

Answer 1

我為此使用jQuery：

$('input:radio[name=myRadioGroup]:checked').val();

您還可以使用document.getElementsByName("myRadioGroup") ，然后進行迭代以獲取檢查值...

getSelectedRadioButton = function (buttons) {
    var option = -1;
    for (i = 0; i<buttons.length; i++) {
        if (buttons[i].checked) {
            option = i;
            break;
        }
    }
    if (option === -1) {
        return null;
    } else {
        return buttons[i];
    }
};

可以將具有給定值屬性的單選按鈕設置為選中：

setRadioWithValToChecked = function (buttons, val) {
    for (i = 0; i<buttons.length; i++) {
        buttons[i].checked = false;
        if (buttons[i].value === val.toString()) {
            buttons[i].checked = true;
        }
    }
};