Tengo varias opciones en un formulario de checkbox
y 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...
También lo he probado de la siguiente forma:
$("input:checkbox:checked").each(
function() {
alert("El checkbox con valor " + $(this).val() + " está seleccionado");
}
);
<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>
Pero tampoco hace ningún resultado, lo normal es que por lo menos haga algo cuando se interactua con el checbox no?
...