我有一個動態(tài)單選按鈕組，其中可能未在所有輸入上指定 required 屬性。
<form name="myform">
<input type="radio" id="option1" name="foo" value="First" >
<input type="radio" id="option2" name="foo" value="Second" required>
<input type="radio" id="option3" name="foo" value="Third">
<input type="radio" id="option4" name="foo" value="Fourth">
</form>
有沒有一種方法可以在 JavaScript 中檢查單選按鈕組是否是必需的，而無需迭代組中的所有輸入？
我查看了輸入元素的 validity.missingValue 屬性，該屬性在未選擇單選按鈕時有效，但我沒有該字段何時有效的解決方案。目前我有以下代碼，但如果有其他一些屬性可以使用，例如，那就太好了在 HTMLInputElement 或 RadioNodeList 上。
function isRequired() {
return Array.from(document.myform.foo).some(i => i.required)
}
1
0
0
也許是這樣的？
const myForm = document.forms['my-form'];
console.log( !!myForm.querySelector('input[name="foo"][required]') ) // true
<form name="my-form"> <input type="radio" name="foo" value="First" > <input type="radio" name="foo" value="Second" required > <input type="radio" name="foo" value="Third" > <input type="radio" name="foo" value="Fourth" > </form>
