2013-01-03 62 views
-3

我知道有很多類似的問題,如何檢查,如果一個單選按鈕被選中。所以我知道如何檢查這與JavaScript。我的問題是:我不知道如何正確使用它。
這裏是我的問題:
我得到5個類別,每個5的問題。每個問題得到4個單選按鈕與並不重要 *不太重要* 更重要非常重要
用戶必須選擇每一個每一個問題。那麼,如果每個問題都得到解答,我該如何檢查?我沒有得到任何想法,以方便
這裏有兩個問題代碼:
簡單的方法,如果單選按鈕選中

<h2>Arbeit</h2> 
<p class="title">Sie machen lieber &Uuml;berstunden als zuhause mit jemandem zu essen<span> 
</span> 
</p> 
<p class="input radio"> 
    <input type="radio" value="110" name="11" id="110" /> 
    <label for="110">Nicht Wichtig</label> 
    <input type="radio" value="111" name="11" id="111" 
    /> 
    <label for="111">Weniger Wichtig</label> 
    <input type="radio" value="112" name="11" id="112" 
    /> 
    <label for="112">Wichtig</label> 
    <input type="radio" value="113" name="11" id="113" /> 
    <label for="113">Sehr Wichtig</label> 
</p> 
<p class="title">Wenn Sie sich ein Ziel gesetzt haben, erreichen Sie dieses auch<span> Egal was es &quot;kostet&quot; 
</span> 
</p> 
<p class="input radio"> 
    <input type="radio" value="120" name="12" id="120" /> 
    <label for="120">Nicht Wichtig</label> 
    <input type="radio" value="121" name="12" id="121" 
    /> 
    <label for="121">Weniger Wichtig</label> 
    <input type="radio" value="122" name="12" id="122" 
    /> 
    <label for="122">Wichtig</label> 
    <input type="radio" value="123" name="12" id="123" /> 
    <label for="123">Sehr Wichtig</label> 
</p> 
<p class="title">Sie bringen die Arbeit auch nach hause<span> Sie arbeiten auch von Zuhause aus</span> 
</p> 
<p class="input radio"> 
    <input type="radio" value="130" name="13" id="130" /> 
    <label for="130">Nicht Wichtig</label> 
    <input type="radio" value="131" name="13" id="131" 
    /> 
    <label for="131">Weniger Wichtig</label> 
    <input type="radio" value="132" name="13" id="132" 
    /> 
    <label for="132">Wichtig</label> 
    <input type="radio" value="133" name="13" id="133" /> 
    <label for="133">Sehr Wichtig</label> 
</p> 
<p class="title">Sie helfen einem Kollegen, auch wenn Sie dann mit Ihrer Arbeit in R&uuml;ckstand 
    geraten<span> 
</span> 
</p> 
<p class="input radio"> 
    <input type="radio" value="140" name="14" id="140" /> 
    <label for="140">Nicht Wichtig</label> 
    <input type="radio" value="141" name="14" id="141" 
    /> 
    <label for="141">Weniger Wichtig</label> 
    <input type="radio" value="142" name="14" id="142" 
    /> 
    <label for="142">Wichtig</label> 
    <input type="radio" value="143" name="14" id="143" /> 
    <label for="143">Sehr Wichtig</label> 
</p> 
+0

首先,每個問題的每個單選按鈕應該共享相同的'group'屬性,以便每個組只能選擇一個。 – jbabey

+2

^他們這樣做共享相同的名稱... – elclanrs

+0

@elclanrs:1組= 1名...有什麼不好呢? –

回答

2

因爲他們是收音機,只能有一個,每組檢查嘗試以下操作:

var categories = document.querySelectorAll('p.radio'), 
    checked = document.querySelectorAll('p.radio input:checked'); 

if (checked.length == categories.length) { 
    // every question was answered 
} else { 
    // some question(s) were not answered 
} 
+1

+1,但請記住':checked'選擇器在IE8中不起作用。 –