Как сделать так, чтобы флажок удалял «обязательную» проверку в форме - PullRequest
Новая
       15

Как сделать так, чтобы флажок удалял «обязательную» проверку в форме

0 голосов
/ 19 июня 2019

Мне интересно, как я могу сделать так, чтобы флажок убрал «обязательную» проверку для определенной группы радиостанций в форме.

Если флажок установлен, я не хочу, чтобы атрибут 'required' применялся принудительно.

Вот пример моего существующего HTML: https://codepen.io/anon/pen/PrbOPK

<label for="Group1_notRequired">Check here to make radio buttons in Gorup 1 NOT required:</label> <input id="Group1_notRequired" name="Group1_notRequired" type="checkbox" value="Group1_notRequired" />
<br><br><br>
<label><input name="Group1" required="" type="radio" value="Option1" />Group 1 Option 1</label>
<label><input name="Group1" required="" type="radio" value="Option2" />Group 1 Option 2</label>
<br><br><br>
<label><input name="Group2" required="" type="radio" value="Option1" />Group 2 Option 1</label>
<label><input name="Group2" required="" type="radio" value="Option2" />Group 2 Option 2</label>

Ответы [ 2 ]

1 голос
/ 19 июня 2019

Вы можете использовать .removeAttr () и .attr () , чтобы удалить / добавить атрибут: 

$('#Group1_notRequired').on('change', function(e) {
    if (this.checked == true) {
        $('[name="Group1"]').removeAttr('required');
    } else {
        $('[name="Group1"]').attr('required', '');
    }
    console.log($('[name="Group1"]').parent()[0].outerHTML);
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<label for="Group1_notRequired">Check here to make radio buttons in Gorup 1 NOT required:</label> <input id="Group1_notRequired" name="Group1_notRequired" type="checkbox" value="Group1_notRequired" />

<br><br><br>

<label><input name="Group1" required="" type="radio" value="Option1" />Group 1 Option 1</label>
<label><input name="Group1" required="" type="radio" value="Option2" />Group 1 Option 2</label>

<br><br><br>

<label><input name="Group2" required="" type="radio" value="Option1" />Group 2 Option 1</label>
<label><input name="Group2" required="" type="radio" value="Option2" />Group 2 Option 2</label>
0 голосов
/ 19 июня 2019

мое предложение: 

$radioG1 = $('[name="Group1"]')
$cbxG1 = $('#Group1_notRequired')

$cbxG1.change(function() {
  $radioG1.prop("required", !this.checked)
})
...