如何獲取表格內的所有單選按鈕？

Question

我在表格中有一組單選按鈕以及此表中的其他輸入，我無法按ID或名稱或標簽名稱獲取單選按鈕，我想按類型獲取它們，如果可能的話，因為id和name由JSF自動生成，我不想改變它。

所以要求是：只獲取表格內的所有單選按鈕（不是所有輸入），這樣我就可以循環它們。

Answer 1

我希望只有一組單選按鈕。 在這種情況下，這樣的事情可以幫助：

var inputs = yourForm.elements;
var radioes = [];
for (var i = 0; i < inputs.length; ++i) {
    if (inputs[i].type == 'radio') {
        radioes.push(input[i]);
    }
}​

如果有多個單選按鈕，更好的方法是使用name作為鍵的字典，將值作為組中單選按鈕的數組。

Answer 2

我知道這個問題沒有提到jQuery ，但我只是想證明它的簡單性; 請考慮更多的賣點“嘿，看看jQuery有多好”。

// look how pretty I am
var radioButtons = $('table#MyTableId input[type="radio"]');

Answer 3

鑒於你的表單名稱是yourForm ...（ <form name = "yourForm"> ）...一個簡單的方法就是解析所有表單元素並檢查類型，如下所示：

var your_namespace = {};
your_namespace.your_function = function() {
    var l = document.yourForm.elements.length;
    for (i=0; i<l; i++) {
        var type = yourForm.elements[i].type;
        if (type=="radio") alert("Form element " + i + " is a radio!");
    }   
}

而不是警告你可以使用元素id做很多其他事情。

使用MooTools或JQuery等框架時，您可以更輕松地使用此方法。