Nueva pregunta

Pregunta:

 
  0  
 
 
Jhonny Perez Karma: 5 Venezuela
 
 Fecha: 26-06-2019 16:00:18 (En Español)

Cambiar atributos a inputs al seleccionar radios usando jquery[Resuelta]

Saludos replanteo mi pregunta realizada anteriormente. Lo que necesito es activar en determinados inputs el atributo required al pulsar en un radio identificado con la clase "requerido" y otros inputs que no posean dicha clase no deben ser obligatorios, pero que sin embargo si el usuario cambia de opinión y selecciona el otro radio al cual identifiqué con la clase"norequerido" active el atributo required y por ende borre el atributo required en los otros inputs pertenecientes al radio perteneciente a la clase que no ha sido pulsada o ha perdido su foco.
Clases para los radios = requerido y norequerido.
Clases para los input segun el estado activar y desactivar-

Es decir que al hacer click en uno active un input con el atributo required y el otro esté desactivado, pero al seleccionar el siguiente radio haga el mismo proceso pero inverso. Uso jquery
Función

$(".requerido").on("click", function(){
    if( $(this).is(':checked') ) {
        /* Hacer algo si el radio con la clase requerido ha sido seleccionado
        En este caso busca un elemento con la clase "activar" y le agrega el atributo required*/
        alert("El radio con valor " + $(this).val() + " ha sido seleccionado");
        /*lanzo un mensaje de prueba para saber si lee la funcion
        y activo luego el elemento o los elementos con la clase activar */
        $(".activar").prop("required",true);
        $(".desactivar").prop("disabled", false);

        
    }else{
        /* Hacer algo si el radio ha sido deseleccionado y por consiguiente
        el atributo required no se aplica al elemento con la clase activar*/
        alert("El radio con valor " + $(this).val() + " ha sido deseleccionado");
        $(".activar").prop("required",false);
        $(".desactivar").prop("disabled", true);
        
    }

})



<form>
	<input type="radio" class="requerido" name="campo">Obligatorio
	<input type="radio" class="norequerido" name="campo">Opcional

	<input type="text" class="activar" name="campo_obligatorio">
	<input type="text" class="desactivar" name="campo_opcional">

</form>

Etiquetas: HTML5 - JQuery - PHP Votos: 0 - Respuestas: 1 - Vistas: 15 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  •  
      0  
     
     
    Fernando Jimenez Karma: 599 México
     
    Fecha: 27-06-2019 13:03:07 Solo apoyate con otra clase...

    Ejemplo pseudocodigo: 

    <select class="opciones" id="opciones">
<option value="si">Los que si</option>
<option value="no">Los que no</option>
</select>
<input1 class="inputtodos norequiere" >
<input2 class="inputtodos sirequiere" >
<input3 class="inputtodos norequiere" >
<input4 class="inputtodos sirequiere" >
<input5 class="inputtodos norequiere" >
<input6 class="inputtodos sirequiere" >



    Pseudocodigo script:
    si cambia opciones inicia
    valor = opciones.val();
(".inputtodos").attr('requiere',false);
if(valor=="si" ) {
   (".sirequiere").attr('requiere',true);
} else {
   (".norequiere").attr('requiere',true);
}

    final si cambia opciones


    Asi seria la logica con una clase de apoyo...

    Nota:cambias el select por los radiobutons... o checkbook, o lo que te plasca, el algoritmo es el mismo... solo cambia en cuando se llame la funcion...

    Saludos Terricola.


    Stryfe™       Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com