You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何判断单选按钮组是否设置了required属性

问题描述

我有一个动态单选按钮组,其中并非所有input元素都指定了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中判断该单选按钮组是否为必填,而无需遍历组内所有input元素?

我曾尝试使用input元素的validity.missingValue属性,但该属性仅在未选中任何单选按钮时有效。目前我使用以下代码实现需求,但希望能借助HTMLInputElement或RadioNodeList上的其他属性来实现:

function isRequired() {
    return Array.from(document.myform.foo).some(i => i.required)
}
解答

遗憾的是,目前并没有原生的HTMLInputElement或RadioNodeList属性可以直接判断整个单选按钮组是否存在必填项——因为required属性是绑定在单个单选框元素上的,而非整个组。

你当前使用的some()方法已经是比较简洁高效的实现了:some()会在找到第一个带有required属性的元素时就停止遍历,不会遍历所有元素,性能上已经足够出色,不需要额外优化。

另外补充说明:validity.missingValue确实无法满足需求,它的作用是判断当前单选组是否处于「未选中任何选项且组内存在必填项」的状态,而非检测组本身是否包含必填项。

内容的提问来源于stack exchange,提问作者Jakub Janowski

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.27 01:19:56