求HTML中单选按钮默认选中 怎么取消?

大神们,打扰一下,求HTML中单选按钮默认选中 怎么取消?
最新回答
遗心遗梦遗快乐

2024-10-17 09:30:33

默认应该是不选中的,但是一旦你点击之后就会选中状态无法恢复,如果你想执行点击可以选中和不选中之间切换,建议:1,你使用两个按钮第二个是取消,这两个可以来回切换
2,不想设置两个可以在点击之后旁边现一个字体“取消”点击取消后用js控制去掉checked属性
3,放弃原来的单选按按钮自己做一个元素设置俩个背景颜色颜色一个实心一个空心表示两种状态点击时候背景颜色切换即可
幼稚園班長

2024-10-17 10:48:08

默认选中的代码是这样的:
<input name="radiobutton" type="radio" value="radiobutton" checked="checked" />

去除checked="checked" 属性,即可取消默认选中。
追问
问题是我没写checked="checked" 但是只要我点击一次  我点F5刷新 就还在那
追答
你的可能通过ID判断是否选中的,选中代码应该在JS中,可以去除id="one_day"试试,看看是否还默认选中。如果还默认选中,可以把整个代码截图出来看看。
追问

一天

我代码就这个,没有其他内容 ~但是我只要选中一次 按F5刷新 就依然显示选中

只有crtl+F5才能消失
追答
单选按钮效果的确是这样,按F5刷新之后还原。

因为你的是单个,如果是多个单选按钮组,情况就有所不同了,试下下方代码,可以相互切换,但选中后,再点击则无效,需要点击另外一个单选按钮才会改变。




帕嘉音

2024-10-17 10:35:32

radio 是这样的,添加多一个选项就会在两个间切换了
<form>
<input type="radio" name="sex" value="female" id="one_day"/> 一天
<input type="radio" name="sex" value="male" /> 一天
</form>
也可以改成checkbox,但是这样的话样式就变了
<input type="checkbox" name="sex" value="female" id="one_day"/> 一天
﹏空白

2024-10-17 10:57:02

这个应该是js加载了类样式进去了。你找到js里面查询找到#one_day这个,然后查看一下是不是有addClass什么的。删除就可以了。不知道具体情况,如果可以,直接删除id="one_day"这个试试。达到预期效果的话就可以了,如果不行,还是去js里面看看。