Ein Frage mit ihren möglichen Antworten. Verwendung im Fragebogen.
<div class="question-wrapper ">
<div class="question">
<h4>
Is this an example question?
</h4>
</div>
<div class="radio-wrapper">
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line one</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line two</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line three</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line four</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line five</span>
</label>
</div>
</div>
</div>
Ein nicht oder falsch beantwortete Frage
question-status = question-incomplete
Makiert Frage als Fehlerhaft
<div class="question-wrapper question-incomplete">
<div class="question">
<h4>
Is this an example question?
</h4>
</div>
<div class="radio-wrapper">
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line one</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line two</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line three</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line four</span>
</label>
</div>
<div class="radio ">
<label>
<input type="radio" name="q1" id="" value="">
<span class="radio-icons">
<i class="fa fa-circle-thin fa-2x unchecked"></i>
<i class="fa fa-check-circle-o fa-2x checked"></i>
</span>
<span>lable line five</span>
</label>
</div>
</div>
</div>