如何启用复选框？

Question

这是我的第一个问题。我正在尝试通过单击股票详细信息页面上的复选框将股票页面中的股票添加到关注列表。此选项已被禁用，因为关注列表限制只有 11 只股票。我尝试编辑选中禁用以选中启用。它启用了复选框，我也能够成功地将股票添加到监视列表中。但是每次页面刷新我都必须重新编辑它。我需要一个 javascript，这样我就可以单击复选框，而无需每次都通过检查选项对其进行编辑。我不是程序员，也不懂任何编程语言。我已经尝试自定义编码并测试了几个小时，通过互联网查找和搜索关键字，它确实有效。

股票页面检查选项的代码如下：

<input type="checkbox" class="js-list-checkbox disabled" checked disabled>

我改成了这个

<input type="checkbox" class="js-list-checkbox disabled" checked enabled>

我能够成功将股票添加到关注列表。

Answer 1

您似乎想使用 JavaScript 在网页上启用一个复选框，这样您就可以将股票添加到您的监视列表中，而无需在每次刷新页面时通过检查工具更改 HTML 代码。这是一个如何使用 JavaScript 执行此操作的示例：

// Find the checkbox element by its class name
var checkbox = document.querySelector('.js-watchlist-checkbox');

// Check if the checkbox element is found
if (checkbox) {
  // Remove the "disabled" attribute
  checkbox.removeAttribute('disabled');
  // Set the "checked" attribute to "true"
  checkbox.checked = true;
}

要使用类名定位复选框元素，请使用document.querySelector 方法.js-watchlist-checkbox。然后，我们使用 removeAttribute 函数从复选框中删除 disabled 属性，并使用 checkbox.checked 属性将 checked 值设置为 true。这将激活并选中复选框，允许您将股票添加到您的监视列表中。

此 JavaScript 代码可以在浏览器的开发人员控制台中执行，也可以添加到要启用复选框的网页上加载的 JavaScript 文件中。应该注意的是，使用 JavaScript 修改网页的功能可能违反网站的服务条款，因此请谨慎使用此代码，并且仅在您获得适当授权的网站上使用。