代码之家 › 专栏 › 技术社区 › Mark C.

制作一个可松开的单选按钮[关闭]

reactjs css html javascript

-1

Mark C. · 技术社区 · 1 年前

我想创建一个特殊的坏界面:启用的单选按钮不能点击,但可以执行一些操作 onClick 。我可以写 单击 功能,但单选按钮始终处于选中状态。我正在使用ReactJS,但我认为这不会有什么不同。

我尝试的第一件事是:

<input type="radio"/>
<input type="radio"/>
<input type="radio"/>
<input type="radio"/>

但问题是,在那里可以选择多个按钮,点击一个按钮会导致选择。我也试过

<input type="radio" disabled/>
<input type="radio" disabled/>
<input type="radio" disabled/>
<input type="radio" disabled/>

但是按钮看起来是禁用的,不能点击。

我该怎么办?

3 回复 | 直到 1 年前

hjolfaei 1 年前

<input type="radio" name="foo" value="Foo" onclick="this.checked=false">

或:

<input type="radio" name="foo" value="Foo" onclick="myInput(this)">
<script>
    function myInput(e){
        e.checked = false;
        alert("I'm Clicked!");
    }
</script>

oink 1 年前

您可以将“disabled”属性添加到HTML输入中,使其无法理解:

<input type="radio" disabled>

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前

SlickRed · 我无法使用JS关注HTML元素

1 年前

Mayron Guedes · 如果登录名不在本地存储中,如何重定向页面?

1 年前

assembler · Nextjs没有处理发布请求

1 年前

PavelB · 如何使用Seleniumwebdriver和mocha只运行一个测试文件?

1 年前

BADRUM · 执行两个获取功能后,如何导航回页面?

1 年前

Toniq · javascript为php保存多维数组

1 年前

Natalie Smyth · 隐藏类只在我试图切换的两个部分中的一个部分上工作

1 年前

SkyWalker · 在JavaScript中,合并日期-时间序列的有效算法是什么?

1 年前