Javascript 默认选中的Html按钮

是否可以在页面加载时默认单击此格式标题的按钮

我尝试了以下方法：

<button checked="checked">Title</button>
<button checked="true">Title</button>
<button checked>Title</button>

---

在这种情况下，他们没有一个人起作用。如果您正在查找默认选中的复选框/单选按钮，请感谢：

<button id="mybutton">Title</button>
<script>
  document.addEventListener("DOMContentLoaded", function(event) { 
    document.getElementById("mybutton").click();
 });
</script>

<input type="checkbox" checked />
<input type="radio" value="yes" checked />

---

默认情况下选择的按钮提供的值很小，因为按钮用于提交或发布。

我假设witch clicked是指按钮处于永久按下状态

如果是这样的话，那么不幸的是这是不可能的。Html按钮不能处于永久按下状态

如果只是简单地点击一个按钮，那么使用JavaScript就很容易了——你可以做一个onload事件并通过JavaScript调用click方法——有数百万种方法可以做到这一点——这取决于你是否使用任何框架，所以我不能给你一个现成的好代码片段

我想知道你想要什么。在标题中，您说您希望在默认情况下将其“选中”，但后来您谈到在默认情况下单击它。我想你的意思是它应该有焦点，而不是按钮应该被点击

解决方案1：纯HTML

您可以在纯HTML中执行此操作，如下所示：

<button autofocus>Title</button>

测试这些解决方案

要测试这些解决方案，您可以使用以下简单的CSS代码：

button {background: red;}
button:focus {background: green;}

---

看起来您需要使用``来实现此目的。您想用javascript单击按钮，还是想更改按钮的外观？此外，checked不是按钮的有效属性单击是什么意思？checked与clicked或buttonthanks无关，但如果有办法的话，我更喜欢这种方法。我看不出它被否决的原因。谢谢，Youssef。它起作用了。我想这是唯一的办法。对不起。。。我错了吗？请有人告诉我为什么我的答案被否决了，这样我就可以编辑它使其正确。我没有否决它。谢谢你的建议。我需要一个按钮的解决方案。我想这是因为试图更新您的答案被否决了…很高兴知道！谢谢@ZakariaAcharki，我想我永远也不会参考W3学校。我不同意。你可以链接到学校。这不应再成为否决票的理由，因为w3schools随着时间的推移已经有所改善，请参见meta.stackoverflow.com/questions/280478/why-not-w3schools-com。下层选民只是固步自封。当然，引用多个源总是很好的。这会让你的答案更加有力。

$(function() {
  $('mybutton').focus();
});

button {background: red;}
button:focus {background: green;}