Obtener el idpadre de una clase
Publicado por hola (14 intervenciones) el 15/08/2015 08:33:12
buena gente!! tengo una consultita.
estoy haciendo un formulario como el siguiete
el checkbox lo utilizo para cuando no sabe el dato lo prociona y el input queda bloquedo y le pongo el valor que esta en el div valoralbloquear .
lo que quiero saber es como hago para hacer click en el checkbox y me diga en que parte se hizo click , por ejemplo que se hizo click en el check de numero y se bloquee ese input.
el problema se me presenta al momento de conseguir el padre del click sobre el checkbox, al ser que todos los checkbox tienen la misma clase siempre me va a traer el primero. yo quiero hacer una sola funcion en jquery que pueda controlar todos los checkbox y que me bloquee el input correspondiente.
por si no quedo claro, quiero que al hacer click en el check de persona me bloquee el input de persona y al hacer click en el check de numero me bloquee la clase numero xq ahora si hago click en numero me da el primer elemento con esa clase en la que hice click y no el padre de numero
estoy haciendo un formulario como el siguiete
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<form>
<div class="form-group">
<label name="eti_NombrePersona">Nombre</label>
<div class="valoralbloquear hide">Sin Nombre</div>
<input type="text" id="DeNombrePersona" name="txt_NombrePersona">
<div> <input type="checkbox" id="checkBox"class='checkBox'></div>
</div>
<div class="form-group">
<label name="eti_NumeroPersona">Numero</label>
<div class="valoralbloquear hide">Sin Numero</div>
<input type="text" id="DeNumeroPersona" name="txt_NumeroPersona">
<div> <input type="checkbox" id="checkBox" class='checkBox'></div>
</div>
</from>
el checkbox lo utilizo para cuando no sabe el dato lo prociona y el input queda bloquedo y le pongo el valor que esta en el div valoralbloquear .
lo que quiero saber es como hago para hacer click en el checkbox y me diga en que parte se hizo click , por ejemplo que se hizo click en el check de numero y se bloquee ese input.
el problema se me presenta al momento de conseguir el padre del click sobre el checkbox, al ser que todos los checkbox tienen la misma clase siempre me va a traer el primero. yo quiero hacer una sola funcion en jquery que pueda controlar todos los checkbox y que me bloquee el input correspondiente.
por si no quedo claro, quiero que al hacer click en el check de persona me bloquee el input de persona y al hacer click en el check de numero me bloquee la clase numero xq ahora si hago click en numero me da el primer elemento con esa clase en la que hice click y no el padre de numero
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$('.checkBox').change(function() {
//capturo el id del hermano del padre que le hizo click y lo guardo en variable
var mIdTioClick = '#' + $(this).parent().siblings('input').attr('id');
alert(mIdTioClick);
//controlo si el campo ya esta bloqueadolo desbloquea y le pone el foco
//si esta desbloqueado lo bloquea
if($(mIdTioClick).is('[readonly]')){
$(mIdTioClick).attr("readonly", false);
$(mIdTioClick).val('');
$(mIdTioClick).focus();
}else{
$(mIdTioClick).attr("readonly", true);
//a la misma altura que el padre del checkbox ponemos un div con la clase
//valoralbloquear y hide para que no se vea y le damos el valor que queremos
//que tenga el imput al estar bloqeuado con readonly
$(mIdTioClick).val($(mIdTioClick).parent().find( ".valoralbloquear" ).text());
$(mIdTioClick).css('background-color','');
$(mIdTioClick).css('border-color','');
}});
Valora esta pregunta
0
