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:
JavaScript
x
<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
JavaScript
<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
JavaScript
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();
}
});