Skip to main content
1 de 2
Pavlo B.
  • 1.9k
  • 17
  • 58
  • 82

Control de checkboxes activos (checked) con jquery?

Tengo varias opciones en un formulario de checkboxy un <textarea> Necesito que como mínimo uno de ellos no esté vacío, por ejemplo puede haber solo un checkbox :checked o ninguno en el caso de que el textarea no esté vacío. Lo que tengo es esto pero no funciona:

$('#myBtn_denegar').click(function() {
  var checkerror = 5;
  if ($('#1').is(':checked')) {
    checkerror = checkerror - 1;
  }
  if ($('#2').is(':checked')) {
    checkerror = checkerror - 1;
  }
  if ($('#3').is(':checked')) {
    checkerror = checkerror - 1;
  }
  if ($('#4').is(':checked')) {
    checkerror = checkerror - 1;
  }
  if ($('#5').val(':checked')) {
    checkerror = checkerror - 1;
  }
  if (checkerror == 0) {
    $('#denegar_submit').prop('disabled', false);
  } else {
    $('#denegar_submit').prop('disabled', true);
  }
});
<div class="col-md-2">
  <button id="myBtn myBtn_denegar" class='btn my-btn btn-primary btn-md my-btn'>lightbox</button>
</div>
<div class="modal-body">
  <form action="<?php echo $yomismo; ?>" method="post" class="center-element">
    <center>
      <h3>Seleccione uno o varios motivos</h3>
      <br>
      <input type="hidden" name="accion" value="denegar_ticket">
      <input type="hidden" name="ticket" value="<?php echo $ticket; ?>">
      <input type="checkbox" id="1" class="checkBox hidden" name="1">
      <label for="1" class="checkBoxLabel">1</label>
      <input type="checkbox" id="2" class="checkBox hidden" name="2">
      <label for="2" class="checkBoxLabel">2</label>
      <input type="checkbox" id="3" class="checkBox hidden" name="3">
      <label for="3" class="checkBoxLabel">3</label>
      <input type="checkbox" id="4" class="checkBox hidden" name="4">
      <label for="4" class="checkBoxLabel">4</label>
      <a href="#otro1" class="checkBoxLabel mya" data-toggle="collapse">OTRO</a>
      <br>
      <div id="otro1" class="collapse">
        <strong>Descripcción</strong>
        <textarea id="5" class="form-control" name="5"></textarea>
        <br>
        <br>
      </div>
    </center>
    <input type="submit" class="btn btn-primary">
  </form>
</div>

La idea es que cuando yo le haga click al boón en el que pone lightbox me vaya comprobando so yo selecciono alguna de las opciones o relleno el textarea...

Pavlo B.
  • 1.9k
  • 17
  • 58
  • 82