Validar checkbox & Radiobutton

[htmlnewbie]

Hola gente del foro! Espero que estén muy bien

Mi problema es el siguiente: tengo un formulario, y dentro de este formulario tengo 2 radiobutton

Código:

<div>
          Diariamente:<input type="radio" id="diariamente" name="frecu" onclick="funcionOcultar();" value="diariamente" checked="checked" onblur="deschecar();" ></input>
      
      <!--<br/>-->&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      
      Solamente en:<input type="radio" id="dia" name="frecu" onclick="funcionVer();" value="dia" ></input>
      <br/>
      <br/>
      <div id="miDiv2" style="display:none">
          
          &nbsp;&nbsp;Lun<input type="checkbox" value="Mon" name="dia"/>
          &nbsp;&nbsp;Mar<input type="checkbox" value="Tue" name="dia"/>
          &nbsp;&nbsp;Mié<input type="checkbox" value="Wed" name="dia"/>
          &nbsp;&nbsp;Jue<input type="checkbox" value="Thu" name="dia"/>
          &nbsp;&nbsp;Vie<input type="checkbox" value="Fri" name="dia"/>
          &nbsp;&nbsp;Sáb<input type="checkbox" value="Sat" name="dia"/>
          &nbsp;&nbsp;Dom<input type="checkbox" value="Sun" name="dia"/>
      </div>

Y estoy haciendo una función que me cheque que al menos uno de los checkbox del segundo radio esté seleccionado

Código:

<script type="text/javascript">
        
 function ValidarCheckbox(){
   
   
   var checa = false;
   var cont=0;

   for (var i = 0; i < document.crear_mensaje.dia.length; i++){
      if (document.crear_mensaje.dia[i].checked){
         checa = true; 
      }
      else{
       //  alert("Debe seleccionar al menos un día");
       cont ++;
}
}

if(cont=7){
    alert("Debe seleccionar al menos un día");
}
  

}


</script>

Alguno de ustedes podría decirme cómo hago para que la función trabaje únicamente cuando el radio con ID "dia" esté seleccionado? (ya que la función también trabaja cuando el radio con ID "diariamente" está seleccionado)

Algo raro que también me pasa es que cuando selecciono por lo menos un día, aun así me manda el mensaje de "debe seleccionar por lo menos un día" :/

Saludos a todos, gracias por su atención/ayuda y felices fiestas!

[DataLore]

Bien, vamos por partes. Voy a tratar de orientarte y no darte el código servido dado que no es muy complicado y te será de más utilidad.

Alguno de ustedes podría decirme cómo hago para que la función trabaje únicamente cuando el radio con ID "dia" esté seleccionado? (ya que la función también trabaja cuando el radio con ID "diariamente" está seleccionado)

Tu mismo lo dijiste. Dentro del for deberías poner un if que controle que el radio 'diariamente' esté seleccionado. Asi como está, no está tomando en cuenta esto. Prueba recuperar el radio de forma similar a como recuperas los checks dentro del for y en lugar de comprobar la propiedad 'checked' comprueba que su valor ('value') sea igual a 'dia'.

Algo raro que también me pasa es que cuando selecciono por lo menos un día, aun así me manda el mensaje de "debe seleccionar por lo menos un día" :/

Esto te ocurre debido a que estás iterando por todos los checkboxes. El if debería tener una condicion de corte adicional: una vez que checa sea true cortar.

Adicionalmente ten cuidado con la condición del if final --> if (cont=7) estás usando el operador de asignación en lugar del == (igual), que seguramente quisiste usar.

Si aún tienes dudas, vuelve a preguntar.


Saludos y felices fiestas para ti también.

[htmlnewbie]

Gracias por tu ayuda DataLore! Me sirvió tu comentario! :D