Hola amigos, espero que me puedan ayudar, les cuento que tengo un formulario donde tengo dos radiobutton, y a la vez un div escondido. Si el usuario selecciona Si, aparecerá un div oculto que tengo, si es NO, no realiza nada. El problema es que los estilos que tiene la página se pierden y no se como corregirlos para que se vean de manera más PRO para el usuario.
Código PHP:
Ver original<div class="row">
<div class="col-md-6">
<label>¿Tienes Casa Propia</label>
<ul class="data-list floated clearfix">
<li><input name="casa" type="radio" class="required" value="1" <?PHP if ($pdata['casa']=="1"){ echo "checked='checked'";}?>><label class="label_gender"> Si</label></li>
<li><input name="casa" type="radio" class="required" value="0" <?PHP if ($pdata['casa']=="0"){ echo "checked='checked'";}?>><label class="label_gender"> No</label></li>
</ul>
</div>
<div class="col-md-6">
<ul class="data-list" style="display:none" id="loadCasa">
<label>¿Material de la Casa?</label>
<li><input type="text" name="material" value="<?PHP echo $pdata['material'];?>" class="required form-control" placeholder="Material de la casa" maxlength="128"></li>
</ul>
</div>
</div>
Código Javascript
:
Ver original<!-- Jquery -->
<script src="js/jquery-1.10.2.min.js"></script>
<script src="js/jquery-ui-1.8.22.min.js"></script>
<!-- Wizard-->
<script src="js/jquery.wizard.js"></script>
<!-- Radio and checkbox styles -->
<script src="check_radio/jquery.icheck.js"></script>
<script>
$(document).ready(function () {
$('input:radio[name=casa]').change(function () {
if($(this).val()==0){
$('#loadCasa').hide();
}else if($(this).val()==1){
$('#loadCasa').show();
}
});
});
</script>
Si me pudieran ayudar a ver por que no se me visualizan los radio button con estilo se los agradecería un monton, por que ya no se que mover para que muestre el div oculto de una mejor manera. Muchas Gracias