javascript原生修改radio单选按钮选中状态

最新推荐文章于 2023-03-09 14:27:56 发布

原创最新推荐文章于 2023-03-09 14:27:56 发布 · 3k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript

收录于

前端专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript操作HTML中Radio按钮的方法，通过遍历并比较属性值来实现按钮的选中与取消选中。作者分享了在设置Radio按钮状态时遇到的问题及解决过程，提供了一个有效且直接的代码示例。

上代码

//验证信息
    var radioArr = document.getElementsByName("selfValidateType");
    for (var i = 0; i < radioArr.length; i++) {
        if (radioArr[i].value == obj.validateType.toString()) {
           // radioArr[i].setAttribute("checked"); 错误的
            radioArr[i].checked = "checked";
        } else {
            //radioArr[i].removeAttribute("checked"); 错误的
            radioArr[i].checked = "";
        }
    }

上面的：radioArr[i].checked = "checked";是选中radioArr[i].checked = "";是取消选中

我也用过radioArr[i].setAttribute("checked"，true);等，走了好多弯路。总是会出现代码已经设置true。但是显示的是没选中。没设置的却选中了

奇葩的不得了