我有一个动态单选按钮组,其中可能未在所有输入上指定 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) }
P粉1314557222024-04-04 14:34:50
也许是这样的?
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>