Foros del Web - Ver Mensaje Individual

emprear · #4 (**permalink**) 22/11/2012, 06:23

Estás haciendola complicada, y tu html está muy sucio
Si definis los id en los radio, aprovechá estos para establecer la condición, si querés dar formato de lista a los inputs, ahorrate los divs, si bien collapse actuará como hidden, lo correcto es hidden, uso del atributo for en los label incorrecto, debe referirse a un id, uso del pseudoprotocolo javascript en los evento innecesario y redundante.
Urgente a los manuales compañero

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Alta de alumnos.</title>
<script type='text/javascript'>
function yesnoCheck(radio) {
    if(radio.id == "yesCheck"){
    document.getElementById('ifYes').style.visibility = 'visible';
    document.getElementById('ifNo').style.visibility = 'hidden';
    }else{
    document.getElementById('ifYes').style.visibility = 'hidden';
    document.getElementById('ifNo').style.visibility = 'visible';
    }
}
</script>
</head>
<body>
<form action="#">
<label>Compañia:</label><br /><br />
<label for="yesCheck" class="ilabel">Si</label>
<input class="iradio" type="radio" checked="checked" onclick="yesnoCheck(this);" name="yesno" id="yesCheck" />
<label for="noCheck" class="ilabel">No</label>
<input class="iradio" type="radio" onclick="yesnoCheck(this);" name="yesno" id="noCheck" />
<ul>
<li  id="ifYes" style="visibility:visible">
<label for="ficha">N° Ficha:</label><input class="itext" type="text" name="ficha" id="ficha" />
</li>
<li id="ifNo" style="visibility:hidden">
<label for="curp">CURP:</label><input class="itext" type="text" name="curp" id="curp" />
</li>
</ul>
</form>
</body>
</html>

Saludos