JavaScript - Quitar propiedad required a campo al activar chekbox

 
Vista:
Imágen de perfil de Eduardo Arroyo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Quitar propiedad required a campo al activar chekbox

Publicado por Eduardo Arroyo (176 intervenciones) el 28/12/2022 21:05:30
Hola a todos.. pense que esto era asi de sencillo pero no me resulta que estoy omitiendo.. para que al activar la casilla el campo se le quite la propiedad obligatoria (required) y al volverla a desactivar se le asigne el required normalmente... llevo esto pero no me resulta

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<form name="form1" method="post" action="">
  <input type="text" id="myTest" required value="" />
  <input name="seg" type="checkbox" id="seg" value="SI">
<script>
  var miCheckbox = document.getElementById('seg');
 
  miCheckbox.addEventListener('click', function() {
    if(miCheckbox.checked) {
      $('#myTest').prop("required", true);
    } else {
      $('#myTest').removeAttr("required");
    }
  });
</script>
  <input type="submit" name="button" id="button" value="Enviar">
</form>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
sin imagen de perfil
Val: 40
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Quitar propiedad required a campo al activar chekbox

Publicado por Marlon (90 intervenciones) el 29/12/2022 03:34:35
1
2
3
4
5
6
7
$("#seg").change( function() {
  if ($(this).prop("checked")) {
     $('#myTest').removeAttr("required");
  } else {
     $('#myTest').attr("required", "required")
  }
});


Creo que esto te funcionara. Saludos!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar
Imágen de perfil de Eduardo Arroyo
Val: 159
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Quitar propiedad required a campo al activar chekbox

Publicado por Eduardo Arroyo (176 intervenciones) el 29/12/2022 14:20:30
Sii funciona perfecto.. mil gracias.. Codigo completo para el que lo necesite...

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<script src="https://code.jquery.com/jquery-3.6.3.js" integrity="sha256-nQLuAZGRRcILA+6dMBOvcRh5Pe310sBpanc6+QBmyVM=" crossorigin="anonymous"></script>
<form name="form1" method="post" action="">
  <input type="text" id="myTest" required value="" />
  <input name="seg" type="checkbox" id="seg" value="SI">
<script>
  $("#seg").change( function() {
  if ($(this).prop("checked")) {
     $('#myTest').removeAttr("required");
  } else {
     $('#myTest').attr("required", "required")
  }
});
</script>
  <input type="submit" name="button" id="button" value="Enviar">
</form>
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar