选中/取消选中单选按钮JavaScript

丹尼尔·马诺(Daniel Mano)

有人可以帮我吗?当我将a()设置为#j1并将b()设置为#j2时,一切正常(单击选中一个单选按钮,而另一个未选中),但是当我将两个都设置为c()时,只有当我先单击按钮2,再单击按钮1,然后卡住。我也尝试过使用循环,但是我想它的逻辑存在一个固有的错误。

提前致谢。丹尼尔

<body>

    <input type="radio" id="j1" onclick="c()"><label for="j1">1</label>
    <input type="radio" id="j2" onclick="c()"><label for="j2">2</label>

    <script>
        const j1 = document.querySelector("#j1");
        const j2 = document.querySelector("#j2");

        function a(){
            j1.checked = true;
             j2.checked = false;
         }

        function b(){
            j1.checked = false;
            j2.checked = true;
        }

        function c(){
                if(j1.checked===true){
                    j2.checked=false;
                }
                else if(j2.checked===true){
                    j1.checked=false;
                }
            }
    </script>
</body>
窦麦科瓦蒂

您似乎正在尝试复制默认的单选按钮行为。在上设置一个name="foo"属性<input>,它们将为您组成一个“仅选择一个”组。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

单选按钮不会选中/取消选中

来自分类Dev

取消选中选中的单选按钮

来自分类Dev

选中/取消选中单选按钮,取消选中则隐藏选项

来自分类Dev

Android单选按钮无法取消选中

来自分类Dev

双击如何取消选中单选按钮?

来自分类Dev

AngularJS-取消选中单选按钮

来自分类Dev

反应-无法取消选中单选按钮

来自分类Dev

Android单选按钮无法取消选中

来自分类Dev

双击如何取消选中单选按钮?

来自分类Dev

AngularJS-取消选中单选按钮

来自分类Dev

无法调试随机取消选中的单选按钮

来自分类Dev

使用 Jquery 取消选中单选按钮

来自分类Dev

单击后取消选中问卷单选按钮

来自分类Dev

使用Jquery Mobile 1.3.2选中和取消选中单选按钮

来自分类Dev

在单选按钮上选中/取消选中,加载/隐藏局部视图

来自分类Dev

单选按钮显示结果选中和取消选中

来自分类Dev

如何取消选中没有单选按钮的单选按钮?

来自分类Dev

如何取消选中没有单选按钮的单选按钮?

来自分类Dev

如何使用单选组取消选中单选按钮

来自分类Dev

单击其他按钮后取消选中单选按钮

来自分类Dev

可能使用javascript选中单选按钮?

来自分类Dev

在JavaScript中选中单选按钮的问题

来自分类Dev

调出选中的单选按钮

来自分类Dev

使用Javascript - 当某个单选按钮被选中需要取消灰色文本框/下拉列表

来自分类Dev

创建动态单选按钮,并仅选中一个单选按钮,然后取消选中其余单选按钮

来自分类Dev

单选按钮取消选中第二次单击

来自分类Dev

单击功能取消选中其他单选按钮

来自分类Dev

如何使用复选框取消选中单选按钮

来自分类Dev

jQuery如何取消选中此代码中的单选按钮

Related 相关文章

热门标签

归档