驗證多組單選按鈕

Question

我有一個帶有29個單選按鈕對選擇的表單，每個選擇都有一個Yes / No選擇。

每個集合的選擇名稱都按以下方式遞增：ans1，ans2，ans3 ... ans29。 每個值的值為“是”或“否”

它或多或少是這樣的：

<input type="radio" id="yes1" name="ans1" value="yes"/>
<input type="radio" id="no1" name="ans1" value="no"/>

我想編寫一個Javascript函數來驗證提交表單時的答案。 我當時在考慮在循環中使用數組，但不知道如何將選擇內容放入數組中。

很明顯的long方法是重復的if(ans1 = yes) {do something} if(ans2=yes){do something} 。 我已經看到了getElementsByName示例，但不確定如何在簡單的循環函數中實現它以測試每個迭代。

Answer 1

使用jQuery

$("input:radio:checked").each(function (index) {
    var this$ = $(this);
    var q = this$.attr('name');
    var a = this$.val();

    console.log('Question: ' + q + ', answer: ' + a);
});

此代碼段僅選擇選中的單選按鈕，然后將其打印到控制台。 您可以從此處進行任何操作， q是問題的名稱（例如ans1 ），而a是答案本身（即true為false ）。

看到它在行動 。

Answer 2

使用jquery（ http://jquery.com/ ）就像

for(int i = 1; i < 30; ++i)
{
    if ($('#yes' + i).val() == 'yes'){ do something }
}