检查单选按钮是否检查的简便方法

时间:2013-01-03 18:52:47

标签: javascript radio-button

我知道如何检查单选按钮是否被检查有很多类似的问题。所以我知道如何用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>

1 个答案:

答案 0 :(得分: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
}