jk296: Formularelemente ausgrauen/Auswahlprüfung

Beitrag lesen

Hallo,

habe diesen Quelltext: (RB = Radio-Button, CB = Checkbox)

<form action="">
<table>
<thead>
<tr>
<th><input type="radio" name="NameRB" id="RB1" />Text</th>
<th><input type="radio" name="NameRB" id="RB2" />Text</th>
<th><input type="radio" name="NameRB" id="RB3" />Text</th>
</tr>
</thead>
<tbody>
<tr>
<td><input type="checkbox" name="RB1" id="CB1" />Text</td>
<td><input type="checkbox" name="RB2" id="CB2" />Text</td>
<td><input type="radio" name="RB3" id="rb8" />Text <input type="radio" name="RB3" id="rb9" />Text</td>
</tr>
<tr>
<td><input type="checkbox" name="RB1" id="CB3" />Text</td>
<td><input type="checkbox" name="RB2" id="CB4" />Text</td>
<td><input type="checkbox" name="RB3" id="CB5" />Text</td>
</tr>
<tr>
<td><input type="checkbox" name="RB1" id="CB6" />Text</td>
<td><input type="checkbox" name="RB2" id="CB7" />Text</td>
<td><input type="checkbox" name="RB2" id="CB8" />Text</td>
</tr>
<tr>
<td><input type="radio" name="RB1" id="rb4" />Text<input type="radio" name="RB1" id="rb5" />Text</td>
<td><input type="checkbox" name="RB2" id="CB9" />Text</td>
<td><input type="checkbox" name="RB3" id="CB10" />Text</td>
</tr>
<tr>
<td><input type="checkbox" name="RB1" id="CB11" />Text</td>
<td><input type="checkbox" name="RB2" id="CB12" />Text</td>
<td><input type="checkbox" name="RB3" id="CB13" />Text</td>
</tr>
<tr>
<td><input type="checkbox" name="RB1" id="CB14" />Text</td>
<td><input type="radio" name="RB2" id="rb6" />Text<input type="radio" name="RB2" id="rb7" />Text</td>
<td><input type="checkbox" name="RB3" id="CB15" />Text</td>
</tr>
</tbody>
</table>
</form>

Das soll geschehen:

Wenn noch auf keinen Radio-Button geklickt worden ist, dann sind alle Elemente ausgegraut!

Bei Klick auf Radio-Button mit id="RB1": Radio-Buttons mit id="rb6", id="rb7", id="rb8" und id="rb9" ausgrauen!
Bei Klick auf Radio-Button mit id="RB2": alle Elemente mit name="RB1" sowie Radio-Buttons mit id="rb8" und id="rb9" ausgrauen!
Bei Klick auf Radio-Button mit id="RB3": alle Elemente mit name="RB1" und name="RB2" ausgrauen!

Beim Radio-Button mit id="RB1" sollen von den freigeschalteten Elementen mind. drei, beim Radio-Button mit id="RB2" mind. vier und beim Radio-Button mit id="RB3" mind. fünf Elemente ausgewählt worden sein!

Bin für jede Hilfe dankbar.

Gruß.