如何检查单选按钮组是否是必需的-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

如何检查单选按钮组是否是必需的

P粉716228245 2024-04-03 16:23:29

[HTML讨论组]

769

我有一个动态单选按钮组，其中可能未在所有输入上指定 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粉716228245

全部回复(1)

P粉1314557222024-04-04 14:34:50 1楼

也许是这样的？

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>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>