单选按钮上的 checked="checked" 似乎不起作用答案

【问题标题】：checked="checked" on radio button seems not to work单选按钮上的 checked="checked" 似乎不起作用
【发布时间】：2017-11-17 16:37:26
【问题描述】：

我正在尝试默认设置一个带有 HTML 的单选按钮。在我的浏览器中：

&lt;label&gt;&lt;input type="radio" checked="checked" name="optradio" i="1"&gt;Nein&lt;/label&gt;

但是单选按钮没有被选中。

我做错了什么？

截图：

【问题讨论】：

它适用于您问题中的代码
@Quentin 不在我的环境中。看截图...
@Michael 为了我们能够帮助您，您需要在您的问题中添加一个可重现的示例。
可能是 Bootstrap？
您需要提供minimal reproducible example。调试工作代码……很难。

标签： html radio-button checked

【解决方案1】：

我的错。我稍后在页面上还有另一个单选按钮，它也被选中并且具有相同的 name="optradio"。无论在哪里都会取消选中第一个~~:-|

$(function() {
  $("div").html( `
    <div class="radio radio1">
    <label><input type="radio" checked="checked" name="optradio" i="1">Nein</label>
    </div>

    <div class="radio radio3">
    <label><input type="radio" checked="checked" name="optradio" i="3">2</label>
    </div>
` )
;  
})

见 Codepen：https://codepen.io/lafisrap/pen/yXVyWR?editors=1010

【讨论】：

【解决方案2】：

试试这个，

<label><input type="radio" name="optradio" checked>Nein</label>

我们也可以使用单检查而不是使用checked="checked"。

如果您需要进一步的说明，请阅读并尝试。 https://www.w3schools.com/tags/att_input_checked.asp

【讨论】：

虽然速记版本完全有效（并且在 HTML 4 中明确首选），但即使是远程现代浏览器也没有对长格式有任何问题。这没什么区别。
“如果您需要进一步的说明，请阅读并尝试这个”——不！虽然 W3Schools 比以前好多了，但还是用微弱的赞美来诅咒它。它在很多地方仍然非常具有误导性，应该避免。
但它可以在某些方面为您提供帮助，当您只想查看一些示例或获取一些语法时。整个网站对我们有用与否无关紧要，此时，如果他仍然感到困惑，他可以查看示例并对其进行编辑。
一个好的指南也可以提供帮助，没有那么多误导和不安全的垃圾。