-3

ラジオボタンがチェックされているかどうかを確認する方法について、同様の質問がたくさんあることを知っています。だから私はjavascriptでこれをチェックする方法を知っています。私の問題は、それを正しく使用する方法がわからないことです。
これが私の問題です。5 つの
質問ごとに 5 つのカテゴリを取得します。各質問には、重要ではない *あまり重要でない* より重要 と 非常に重要 の 4 つのラジオボタンがあります。
ユーザーは、すべての質問に対してそれぞれを選択する必要があります。では、すべての質問に回答があるかどうかを確認するにはどうすればよいですか? 簡単にする方法がわかりません
2つの質問のコードは次のとおりです。

<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>
4

1 に答える 1

2

それらはラジオであり、グループごとに1つしかチェックできないため、次のことを試してください。

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
}
于 2013-01-03T19:10:09.423 に答える