Visualizza/nascondi tabella tramite radio

[Grinder]

Nel mio form ho una serie di radio aventi lo stesso nome ma differente id. Ho creato una semplice funzione per visualizzare/nascondere una tabella a seconda se quel radio è selezionato o meno

function vediSubSelezione(idInp, idTab){
	if(document.getElementById(idInp).checked == true){
		document.getElementById(idTab).style.display = 'block';
	}else{
		document.getElementById(idTab).style.display = 'none';
	}
}

La funzione pare sia corretta, però quando vado a sposare la selezione su un altro radio la tabella rimane visibile! Se imposto la visibilità della tabella su "none" fin dall'inizio e sposto la selezione su un altro radio non succede niente, torno su quel radio e la tabella appare! Funziona anche il contrario...perchè??????

[Grinder]

Ho appena scoperto che con i checkbox funziona! I radio perchè no?

[cavicchiandrea]

Originariamente inviato da Grinder
Ho appena scoperto che con i checkbox funziona! I radio perchè no?

Premesso che non sono sicurissimo ma credo che i radio siano "collezioni", nel senso che tu normalmente (altrimenti usi i checkbox) hai almeno due radio in form da poter selezionare tipo:
Risposta 1 = vero (radio[0])|falso(radio[1])
Ma i due radio si chiameranno entrambi "risposta_1", credo che sia per questo che lo script non funzioni, metti la pagina contenente il form on-line (cosi si capisce meglio) che dopo provo a darci un'ochio.

[Grinder]

Non posto tutta la pagina perchè sarebbe troppo lunga, provo con un frammento:

<tr><td align="left" height="20" valign="top" width="635"></td>
                                    </tr>
                                    <tr>
                                      <td colspan="2" align="left" valign="top"><table border="0" cellpadding="0" cellspacing="0" width="100%">

                                        <tbody><tr align="left" valign="top">
                                          <td class="testomini" valign="top" width="635"><table class="testomini" border="0" cellpadding="0" cellspacing="0" height="18" width="635">
                                                  <tbody><tr align="left" valign="middle">
                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Graphic_Processor" id="inp_0_07473" onclick="" value="214" style="margin: 0px;" type="checkbox"></td>
                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;">ati x1300    sapphire 256mb agp [+107€] </td>

                                                      </tr>
                                                    </tbody></table>                                                   
                                                      <table class="bordosottile" id="Tab_0_07473" style="margin-left: 15px; margin-bottom: 3px; margin-top: 3px; display: none;" border="1" bordercolor="#666666" cellpadding="2" cellspacing="0" width="95%"><tbody><tr>
      <td bgcolor="#f5f5f5"><input name="inp_sub_Graphic_Processor" id="inp_sub_07473" value="21400" style="margin: 0px;" type="checkbox"></td>
      <td bgcolor="#f5f5f5" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody><tr>
            <td class="testomini" style="text-transform: capitalize;" width="100%">ati x1300    sapphire 256mb agp x 2 [+107€] </td>

            
          </tr>
        </tbody></table>        
        </td>
      </tr><tr>
      <td bgcolor="#f5f5f5"><input name="inp_sub_Graphic_Processor" id="inp_sub_07491" value="14100" style="margin: 0px;" type="checkbox"></td>
      <td bgcolor="#f5f5f5" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody><tr>
            <td class="testomini" style="text-transform: capitalize;" width="100%">ati x1600pro sapphire 256mb dvi tv agp [+107€] </td>

            
          </tr>
        </tbody></table>        
        </td>
      </tr>
                                                      </tbody></table>
                                                    </td>
                                                    <td valign="top"></td>
                                                  </tr><tr align="left" valign="middle">
                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">

                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Graphic_Processor" id="inp_1_07491" onclick="" value="141" style="margin: 0px;" type="checkbox"></td>
                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;">ati x1600pro sapphire 256mb dvi tv agp [+141€] </td>
                                                      </tr>
                                                    </tbody></table></td>
                                                    <td valign="top"></td>
                                                  </tr><tr align="left" valign="middle">

                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Graphic_Processor" id="inp_2_07675" onclick="" value="157" style="margin: 0px;" type="checkbox"></td>
                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;">ati x1600pro sapphire 512mb dvi tv agp [+157€] </td>
                                                      </tr>
                                                    </tbody></table></td>
                                                    <td valign="top"></td>

                                                  </tr>
                                                </tbody></table></td>
                                        </tr>
                                      </tbody></table></td>
                                    </tr>
                                    

                                    <tbody><tr><td colspan="2" style="padding-left: 8px;" align="left" background="Img/sf_cart_configura.gif" height="23" valign="middle"></td>
                                    </tr>
                                    <tr>
                                      <td width="100"></td>
                                      <td align="left" height="20" valign="top" width="635"></td>
                                    </tr>

                                    <tr>
                                      <td colspan="2" align="left" valign="top"><tbody><tr align="left" valign="top"><td class="testomini" valign="top" width="635"><tbody><tr align="left" valign="middle">
                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Hard_Disk_One" id="inp_0_07625" onclick="" value="47" style="margin: 0px;" type="radio"></td>

                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;">hd  80 gb s-ata2 maxtor 7200 udma150 8mb [-89€] </td>
                                                      </tr>
                                                    </tbody></table></td>
                                                    <td valign="top">
                                                    </td>
                                                  </tr><tr align="left" valign="middle">
                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">

                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Hard_Disk_One" id="inp_1_raid_1" onclick="vediSubSelezione('inp_1_raid_1', 'Tab_1_raid_1');" value="" style="margin: 0px;" checked="checked" type="radio"></td>
                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;"><span style="padding: 2px; background-color: rgb(255, 255, 204);"><span style="padding: 2px; background-color: rgb(255, 255, 204);"></span></span></td>
                                                      </tr>
                                                    </tbody></table>                                                   
                                                      <table class="bordosottile" id="Tab_1_raid_1" style="margin-left: 15px; margin-bottom: 3px; margin-top: 3px; display: block;" border="1" bordercolor="#666666" cellpadding="2" cellspacing="0" width="95%"><tbody><tr>
      <td bgcolor="#f5f5f5"><input name="inp_sub_Hard_Disk_One" id="inp_sub_08637" value="13600" style="margin: 0px;" checked="checked" type="radio"></td>
      <td bgcolor="#f5f5f5" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody><tr>

            <td class="testomini" style="text-transform: capitalize;" width="100%">hd 160 gb s-ata2  seagate 7200 x 2</td>
            
          </tr>
        </tbody></table>        
        </td>
      </tr><tr>
      <td bgcolor="#f5f5f5"><input name="inp_sub_Hard_Disk_One" id="inp_sub_03293" value="18400" style="margin: 0px;" checked="checked" type="radio"></td>
      <td bgcolor="#f5f5f5" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">
          <tbody><tr>

            <td class="testomini" style="text-transform: capitalize;" width="100%">hd 160 gb s-ata maxtor 7200 udma150 8mb x 2</td>
            <td></td>
          </tr>
        </tbody></table>        
        </td>
      </tr><tr>
      <td bgcolor="#f5f5f5"><input name="inp_sub_Hard_Disk_One" id="inp_sub_07613" value="12200" style="margin: 0px;" checked="checked" type="radio"></td>
      <td bgcolor="#f5f5f5" width="100%"><table border="0" cellpadding="0" cellspacing="0" width="100%">

          <tbody><tr>
            <td class="testomini" style="text-transform: capitalize;" width="100%">hd 160 gb s-ata2 maxtor 7200 udma150 8mb x 2</td>
            
          </tr>
        </tbody></table>        
        </td>
      </tr>
                                                      </tbody></table>
                                                    </td>

                                                    <td valign="top"></td>
                                                  </tr><tr align="left" valign="middle">
                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Hard_Disk_One" id="inp_2_03293" onclick="" value="92" style="margin: 0px;" type="radio"></td>
                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;">hd 160 gb s-ata maxtor 7200 udma150 8mb [-44€] </td>
                                                      </tr>

                                                    </tbody></table></td>
                                                    <td valign="top">
                                                    </td>
                                                  </tr><tr align="left" valign="middle">
                                                    <td nowrap="nowrap" valign="top" width="100%"><table style="margin-bottom: 3px;" border="0" cellpadding="0" cellspacing="0">
                                                      <tbody><tr align="left" valign="middle">
                                                        <td><input name="inp_Hard_Disk_One" id="inp_3_07613" onclick="" value="61" style="margin: 0px;" type="radio"></td>
                                                        <td class="testomini" style="text-transform: capitalize; padding-left: 5px;">hd 160 gb s-ata2 maxtor 7200 udma150 8mb [-75€]

Altrimenti la pagina completa la trovi qui