Nein es gibt keine "schönere" Lösung.
Diese Lösung ist geradeaus und wenig fehleranfällig.
Code:
<table class="table" style="width:60%">
<tbody>
<tr>
<th style="width:30%">{Q0.question}</th>
<th style="text-align:center;width:15%">Gegebene Antwort(en)</th>
<th style="text-align:center;width:15%">Richtige Antwort</th>
<tr>
<td>{Q0_SQ001.question}</td>
<td>
{if(Q0_SQ001=="Y",'<div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div>','<div class="form-check"><input class="form-check-input" type="checkbox" disabled></div>')}
</td>
<td>
</td>
</tr>
<tr>
<td>{Q0_SQ002.question}</td>
<td>
{if(Q0_SQ002=="Y",'<div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div>','<div class="form-check"><input class="form-check-input" type="checkbox" disabled></div>')}
</td>
<td>
<div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div>
</td>
</tr>
<tr>
<td style="width:30%">{Q0_SQ003.question}</td>
<td style="text-align:center;width:15%">
{if(Q0_SQ003=="Y",'<div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div>','<div class="form-check"><input class="form-check-input" type="checkbox" disabled></div>')}
</td>
<td style="text-align:center;width:15%">
<div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div>
</td>
</tr>
</tbody>
</table>
Und mit einem bisschen css werd ie auch zentriert
Code:
<style>
td .form-check {
text-align:center;
}
td .form-check .form-check-input {
float: none;
}
</style>
Natürlich kannst Du das IF auch einfach auf das "checked" anwenden; dies ist ja der einzige Unterschied. Allerdings gibt es hier - meiner Ansicht nach - zu viele Fehlermöglichkeiten durch die Anführungszeichenstruktur. Okay, hier ist es simpel.
Code:
<tr>
<td>{Q0_SQ003.question}</td>
<td><div class="form-check"><input class="form-check-input" type="checkbox" {if(Q0_SQ003=="Y","checked",'')} disabled></div></td>
<td><div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div></td>
</tr>
Und Du kannst auch Variablen einsetzen; diese müssen natürlich vorher in einer Gleichung besetzt werden.
Z.B.
Code:
<tr>
<td>{Q0_SQ001.question}</td>
<td><div class="form-check"><input class="form-check-input" type="checkbox" {ch01} disabled></div></td>
<td></td>
</tr>
<tr>
<td>{Q0_SQ002.question}</td>
<td><div class="form-check"><input class="form-check-input" type="checkbox" {ch02} disabled></div></td>
<td></td>
</tr>
<tr>
<td>{Q0_SQ003.question}</td>
<td><div class="form-check"><input class="form-check-input" type="checkbox" {ch03} disabled></div></td>
<td><div class="form-check"><input class="form-check-input" type="checkbox" checked disabled></div></td>
</tr>
Jetzt nimm das, was Dir am besten gefällt.
Joffm
P.S. Wie werden denn die "richtigen" Antworten bestimmt? Hart gecodet, oder wie?
