New question

Question:

Date: 26-06-2019 16:00:18 (In Spanish)

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

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>

Tags: HTML5 - JQuery - PHP Votes: 0 - Answers: 1 - Views: 15 Share on: Google Facebook Twitter LinkedIn Link
 

Answers:

  • Date: 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™
      Votes: 0 - Link answer
     
To actively participate in the community first must authenticate, enter the system.Sign In