![](/img/trans.png)
[英]Reactjs - Material UI- reduc form framework - grouped checkbox required validation error fixing to have at least one checkbox required
[英]How to have checkbox remove 'required' validation in form
我想知道如何在復選框中刪除特定無線電組的“必需”驗證。
如果選中此復選框,則我不希望強制執行“ 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>
您可以使用.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>
我的建議:
$radioG1 = $('[name="Group1"]')
$cbxG1 = $('#Group1_notRequired')
$cbxG1.change(function() {
$radioG1.prop("required", !this.checked)
})
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.