使用 [checked] 或 [checked="checked"] [重复]

Posted 2023-03-05

【中文标题】使用 [checked] 或 [checked="checked"] [重复]

【英文标题】：Using [checked] or [checked="checked"] [duplicate]

【发布时间】：2014-05-06 05:18:21

【问题描述】：

基本上是一个简单的问题，我不确定在哪里搜索；

将checked 写为属性而不是checked="checked" 是否与某些浏览器不兼容是否安全？这也包括selected、disabled、readonly等等。

因为习惯，两次输入相同的东西感觉就像是无意识的重复，所以如果有人知道这是否可以跳过而不会产生任何后果，请分享你的知识。

示例：

我是否可以一直使用<input type="checkbox" checked /> 而不是<input type="checkbox" checked="checked" />？

这个答案在another question中有一定程度的回答。但除了 Xhtml，我没有看到任何关于浏览器兼容性等的答案。

【问题讨论】：

明确地说，您是指 HTML 属性而不是 CSS 选择器吗？您的标题使用 CSS 属性选择器语法，这与 HTML 属性不同，但您的标签说 [html]。

@Nicolò Monili：这个问题是关于 DOM 脚本，而不是 HTML 标记。不是真正的骗子。

很好的答案，但它们解决了您应该输入的内容。不是，我可以发现，您必须键入的内容才能在大多数浏览器中正常运行。

@BoltClock 我添加了一个示例来澄清。只是使用它的 css 参考以获得更简单的标题。

@Robin Castlin：唯一的区别在于 HTML 与 XHTML 语法。您可以使用checked 并使用> 将其关闭，或者使用checked="checked" 并使用/> 将其关闭。从字面上看，没有其他区别。浏览器以相同的方式处理它们。任何人告诉你使用 XHTML 标记只是因为“这只是一种好习惯”而不解释这种差异，他们可能不知道他们在说什么。

【参考方案1】：

当你使用下面的时候，你将无法得到checked的值，因为没有值。

<input type="checkbox" checked />

当你使用下面的时候，你可以得到复选框的选中值。这可能有助于使用 javascript 或 jQuery 获取复选框选中的值。

<input type="checkbox" checked="checked" />

【讨论】：

我刚刚在 Firefox 和 Chrome 中测试过，都返回了相同的答案：jsfiddle.net/3HJE4Are you using another browser?

是的，这将提供相同的输出。

checked 属性没有值。也许这就是你买不到的原因。

你不能得到一个，因为输入中没有值属性