Nueva pregunta

Pregunta:

 
  0  
 
 
Jhonny Perez Karma: 5 Venezuela
 
 Fecha: 10-06-2019 03:59:26 (En Español)

Activar atributo required en campo y desactivar otro[No resuelta]

Saludos necesito activar en un input el atributo required, ya que si selecciono una opción de un radio button me active la propiedad required de un campo especifico y del otro lo desactive con disabled, claro está que en ambos hay campos obligatorios, pero que si les aplico el atributo required de html a ambos elementos solo uno es obligatorio y el otro se debe 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 op 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="desactivar" name="campo">Opcional

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

</form>

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

Respuestas:

  •  
      0  
     
     
    Txema Artzain Karma: 3097 Unión Europea
     
    Fecha: 10-06-2019 08:19:18 Sería deseable ver tu código donde lo haces visible.

    Supongo que lo haces visible dentro de un condicional.
    Sería añadir
    $("input").prop('required',true);
       Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com