checkbox - kombinacia vyberu a automaticke overenie

ThunderBoy

Spracovavam jeden formular a neviem si rady, ako to vyriesit.
Bol by som rad, keby ste mi s tym pomohli.
Vo formulari je seria zaskrtavacich okienok, ktore potrebujem nejako skombinovat. Prikladam dva kody. Jeden z nich by som tam pouzil.
Tu je prvy kod (len checkboxy):

Kód: Vybrať všetko

<table>
<tr>
                  <td width="262" valign="top"><div align="right">Podmienky: &nbsp;<br>
                      <br>
    <span class="datumacas">vyberte si pre vás vhodnú kombináciu&nbsp;</span></div></td>
                  <td width="201" colspan="2" bgcolor="#99CC99"><div align="left">
                    <input name="pravidlo-1" type="checkbox" id="pravidlo-1" value="Pravidlo 1">
                      <font color="#3300FF">Pravidlo 1</font><br>
                      <input name="kombinacia-1" type="checkbox" id="kombinacia-1" value="Kombinacia 1">
                      Kombinácia 1<br>
                      <input name="kombinacia-2" type="checkbox" id="kombinacia-2" value="Kombinacia 2">
                      Kombinácia 2<br>
                      <input name="kombinacia-3" type="checkbox" id="kombinacia-3" value="Kombinacia 3">
    Kombinácia 3</div></td>
  </tr>
                <tr>
                  <td><div align="right">&nbsp;</div></td>
                  <td colspan="2" bgcolor="#9999CC"><div align="left">
                      <input name="pravidlo-2" type="checkbox" id="pravidlo-2" value="Pravidlo 2" checked>
                      <font color="#0000FF">Pravidlo 2</font><br>
                      <input name="kombinacia-4" type="checkbox" id="kombinacia-4" value="Kombinacia 4" checked>
                      Kombinácia 4<br>
                      <input name="kombinacia-5" type="checkbox" id="kombinacia-5" value="Kombinacia 5">
                  Kombinácia 5</div></td>
                </tr>
                <tr>
                  <td><div align="right">&nbsp;</div></td>
                  <td colspan="2" bgcolor="#FDDEB5"><div align="left">
                      <input name="pravidlo-3" type="checkbox" id="pravidlo-3" value="Pravidlo 3">
                      <font color="#0000FF">Pravidlo 3</font></div></td>
                </tr>
</table>

Chcem, aby to fungovalo nasledovne:
Nesmu byt vybrane polozky Pravidlo 1, Pravidlo 2 a Pravidlo 3 naraz. Len jedna polozka z nich. Taktiez sa nesmie kombinovat napr. Kombinacia 1 s Kombinácia 4 alebo Kombinácia 5. Tu by mohlo vyhodit nejaku chybovu hlasku javascriptu. Ked sa vyberie checkbox Pravidlo 1, tak bude mozne zaskrtnut len jeden checkbox z tychto troch Kombinacia 1, Kombinacia 2, Kombinacia 3.
Tu je druhy kod (radio + checkboxy):

Kód: Vybrať všetko

<table>
<tr>
                  <td width="262" valign="top"><div align="right">Podmienky: &nbsp;<br>
                      <br>
    <span class="datumacas">vyberte si pre vás vhodnú kombináciu&nbsp;</span></div></td>
                  <td width="201" colspan="2" bgcolor="#99CC99"><div align="left">
                    <input name="pravidlo" type="radio" id="pravidlo" value="Pravidlo 1">
                      <font color="#3300FF">Pravidlo 1</font><br>
                      <input name="kombinacia-1" type="checkbox" id="kombinacia-1" value="Kombinacia 1">
                      Kombinácia 1<br>
                      <input name="kombinacia-2" type="checkbox" id="kombinacia-2" value="Kombinacia 2">
                      Kombinácia 2<br>
                      <input name="kombinacia-3" type="checkbox" id="kombinacia-3" value="Kombinacia 3">
    Kombinácia 3</div></td>
  </tr>
                <tr>
                  <td><div align="right">&nbsp;</div></td>
                  <td colspan="2" bgcolor="#9999CC"><div align="left">
                      <input name="pravidlo" type="radio" id="pravidlo" value="Pravidlo 2" checked>
                      <font color="#0000FF">Pravidlo 2</font><br>
                      <input name="kombinacia-4" type="checkbox" id="kombinacia-4" value="Kombinacia 4" checked>
                      Kombinácia 4<br>
                      <input name="kombinacia-5" type="checkbox" id="kombinacia-5" value="Kombinacia 5">
                  Kombinácia 5</div></td>
                </tr>
                <tr>
                  <td><div align="right">&nbsp;</div></td>
                  <td colspan="2" bgcolor="#FDDEB5"><div align="left">
                      <input name="pravidlo" type="radio" id="pravidlo" value="Pravidlo 3">
                      <font color="#0000FF">Pravidlo 3</font></div></td>
                </tr>
</table>

Tu by to malo fungovat tak isto, ako v predchadzajucom. Rozdiel je len v tom, ze bude viditelne len Pravidlo 1, Pravidlo 2 a Pravidlo 3. Ked bude vybrane napr. Pravidlo 1, tak sa zobrazia skryte polozky Kombinacia 1, Kombinacia 2 a Kombinacia 3 a z nich je taktiez mozne zaskrtnut len jedno, ak niekto zaskrtne viac, tak opat zobrazi chybu. Ked vyberiem Pravidlo 2, tak sa v Pravidlo 1 odsktnu checkboxy a zaroven skryju a dostupne su zas volby v Pravidlo 2.

Snad som to napisal zrozumitelne. Ak viete o lepsom rieseni, budem vdacny, ked sa on podelite. Ocenim aj riesenie s php.

Thx za rady

jk4p · Príspevok od používateľa **jk4p** » 26 nov 2008, 15:37

A to tie kombinacie musia byt checkboxi? Nemozu to byt tiez radio?

ThunderBoy

Ved v tom druhom kode je pouzity aj radio prepinac.
Ale uz nad tym nemudrujte, spravil som si to sam a funguje to na jednotku.
A spracoval som to s tym radio, ten sposob je najlepsi.

Ale aj tak dik za (ne)spolupracu