2013-01-03 33 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中不起作用。 –