Lo que quiero es que cuando seleccione uno, el otro se me oculte, y si esta seleccionado el checkbox de estática, me muestre además otro div (que contendrá la extensión de la página).
Para ello he creado una funcion:
Código:
La estructura web que tengo es la siguiente:function disponibilidad(){ if (ob.estatic.checked==true){ document.getElementById(extension).style.visibility="visible"; document.getElementById(dinamica).style.visibility="hidden"; total=total+parseInt(ob.extension.value); }else{ document.getElementById(dinamica).style.visibility="visible"; } if (ob.dinamic.checked==true){ document.getElementById(extension).style.visibility="hidden"; document.getElementById(estatica).style.visibility="hidden"; total=total+parseInt(ob.dinamic.value); }else{ document.getElementByI(extension).style.visibility="visible"; document.getElementById(estatica).style.visibility="visible"; } }
Código HTML:
<div align="center" name="estatica" id="estatica"> <tr bgcolor="#FFFFFF"> <td class="texto"><div align="left"><img src="Images/espacio.gif" width="5" height="1" >Estática: Técnología HTML,PHP,JS. <br > </div></td> <td colspan="3" align="center"> <input name="estatic" type="checkbox" id="estatic" onClick="disponibilidad()" > </td> </tr></div><div name="dinamica" id="dinamica"> <tr bgcolor="#FFFFFF"> <td class="texto"><img src="Images/espacio.gif" width="5" height="1" >Dinámica: Macromedia Flash</td> <td colspan="3" align="center"> <input name="dinamic" type="checkbox" id="dinamic" onClick="disponibilidad()" value="300" ></td> </tr></div> <div id="extension" name="extension"> <table border="0" cellpadding="0" cellspacing="0" > <tr bgcolor="#FFFFFF"> <td width="349"><img src="Images/espacio.gif" width="5" height="8" ><span class="titulo">Extensión del sitio</span></td> <td width="31"><select name="extension" class="total" id="extension" onChange="disponibilidad()"> <option value="100">5 pág.</option> <option value="120">6 pág.</option> <option value="140">7 pág.</option> <option value="160">8 pág.</option> <option value="180">9 pág.</option> <option value="200">10 pág.</option> <option value="220">11 pág.</option> <option value="240">12 pág.</option> <option value="260">13 pág.</option> <option value="280">14 pág.</option> <option value="300">15 pág.</option> <option value="320">16 pág.</option> <option value="340">17 pág.</option> <option value="360">18 pág.</option> <option value="380">19 pág.</option> <option value="400">+20 pág.</option> </select></td> <td width="5"> </td> </tr> <tr bgcolor="#FFFFFF"> <td> </td> <td> </td> <td> </td> </tr> </table> </div>
Un saludo.