I’m trying to check if a checkbox has been selected so that if it is, I can then display another textbox, however I’ve tried the below code to try and check if the checkbox is checked or not but keep getting errors. I need to check before the form is submitted/posted as the text field that shows after needs submitting with the form.
HTML + PHP:
<div class="form-check"> <input type="checkbox" name = "job_mileage_check" class="form-check-input" id="job_mileage"> <label class="form-check-label" for="job_mileage">Mileage?</label> </div> <?php $check_value = isset(['job_mileage_check']) ? 1 : 0; ?>
All/Any help is appreciated.
Advertisement
Answer
you can try this in front but with checkbox
Form
<div id='radios'> <div class="form-check"> <input type="radio" id="inputRadio1" value="data1"> <label class="form-check-label">myText1</label> </div> <div class="form-check"> <input type="radio" id="inputRadio2" value="data2"> <label class="form-check-label">myText2</label> </div>
JS
const inputRadio1 = document.getElementById('radioinputRadio1'); const inputRadio2 = document.getElementById('radioinputRadio2'); const btnSubmit = document.getElementById('btnSubmit'); btnSubmit.addEventListener('click', e => { if (!inputRadio1.checked && !inputRadio2.checked) { // error // ... e.preventDefault(); } });