[英]Submit form only if a checkbox is checked
I'm trying to submit a form with javascript, I need that when verifying a checkbox send the form automatically, in a few seconds.我正在尝试使用 javascript 提交表单,我需要在验证复选框时在几秒钟内自动发送表单。
<form method="POST" action="{{ route('turnox', $event->id) }}">
{{ method_field('PUT') }}
@csrf
<div class="row">
<div class="col">
Confirmar Asistencia:
</div>
<div class="col">
<label class="switch s-icons s-outline s-outline-success mr-2">
<input name="cconfirma" type="checkbox">
<span class="slider round"></span>
</label>
</div>
</div>
<br>
<div class="row">
<div class="col">
Cancelar Turno:
</div>
<div class="col">
<label class="switch s-icons s-outline s-outline-danger mr-2">
<input name="ccancela" type="checkbox">
<span class="slider round"></span>
</label>
</div>
</div>
</form>
If someone verifies a checkbox, the form is submitted automatically.如果有人验证复选框,表单将自动提交。
let interv window.addEventListener('DOMContentLoaded', () => { document.addEventListener('click', e => { if (e.target.type === 'checkbox') { console.log('form submitting in 1 second') interv = setTimeout(() => { console.log('form submitting...'); // e.target.closest('form').submit(); }, 1000) } }) })
<form method="POST" action="{{ route('turnox', $event->id) }}"> <!-- {{method_field('PUT')}} @csrf --> <div class="row"> <div class="col"> Confirmar Asistencia: </div> <div class="col"> <label class="switch s-icons s-outline s-outline-success mr-2"> <input name="cconfirma" type="checkbox"> <span class="slider round"></span> </label> </div> </div> <br> <div class="row"> <div class="col"> Cancelar Turno: </div> <div class="col"> <label class="switch s-icons s-outline s-outline-danger mr-2"> <input name="ccancela" type="checkbox"> <span class="slider round"></span> </label> </div> </div> </form>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.