У меня есть группа из 3 флажков. Если флажок, помеченный как «мундштук», отмечен, то текстовое поле, помеченное как mpTxt, НЕ должно оставаться пустым для проверки формы. В настоящее время форма требует заполнения поля mpTxt независимо от того, что проверено.
HTML:
<div class="col-6">
<b><u>Interface </u></b><br>
<input id="F429_interfaceTrachCkBx" class="F429_backupV" name="F429_interfaceTrachCkBx"
type="checkbox">
Trach
<input id="F429_interfaceMaskCkBx" class="F429_backupV" name="F429_interfaceMaskCkBx"
type="checkbox">
Mask
<input id="mouthpiece" class="F429_backupV" name="F429_interfaceMouthpieceCkBx" type="checkbox">
Mouthpiece <br>
</div>
Mouthpiece Ventilation (MPV) Settings
<input id="mpTxt" class="F429_mpvSetting" name="F429_mpvSetting" type="text">
JavaScript:
//REQUIRE MPV TEXT IF CKBX CHECKED
var checkBox = document.querySelector('input[id="mouthpiece"]');
var textInput = document.querySelector('input[id="mpTxt"]');
function toggleRequired() {
if (textInput.hasAttribute('required') !== true) {
textInput.setAttribute('required','required');
}
else {
textInput.removeAttribute('required');
}
}
checkBox.addEventListener('change',toggleRequired,false);