如何使用值的标签而不是ID、Java脚本将复选框设置为True？

bvjxkvbb 于 2022-10-02 发布在 Java

关注(0)|答案(1)|浏览(124)

我还是个新手，我了解到你可以使用JS在Chrome的Dev控制台中完成某些操作。我有一个任务，其中我们希望将某些复选框设置为True。我在开发控制台中使用了下面的代码，它可以工作，但它需要ID。在所有这些网页中唯一不变的信息是标签元素。**有没有什么地方可以使用标签元素的值和值的标签来获取复选框的元素ID，然后将该元素设置为真？**谢谢您的帮助。

以下是我在Chrome的开发控制台中使用的代码，将复选框设置为真，这在您知道ID的情况下很好。

document.getElementById("00N3t00000GCsiX").checked = true;

下面是一个示例元素，显示了输入的ID和该ID的标签。理想情况下，我们希望使用标签值而不是ID将输入元素设置为真：

<input id="00N3t00000GCsiX" name="00N3t00000GCsiX" type="checkbox" value="1">
<label for="00N3t00000GCsiX">Reformatted CTI Phone</label>

JavaScript

来源：https://stackoverflow.com/questions/73921775/how-to-set-checkboxes-to-true-using-label-for-value-rather-than-id-javascript

1条答案

按热度按时间

bqucvtff1#

您可以在搜索特定.textContent属性的所有<label>元素上使用循环。就像这样：

function setLabelToTrue(text) {
  const labels = document.getElementsByTagName('label');
  for (const label of labels) {
    if (label.textContent === text) {
      document.getElementById(label.getAttribute('for')).checked = true;
    }
  }
}

setLabelToTrue('Reformatted CTI Phone'); // sets the checkbox to true

<input id="00N3t00000GCsiX" name="00N3t00000GCsiX" type="checkbox" value="1">
<label for="00N3t00000GCsiX">Reformatted CTI Phone</label>

赞(0）回复(0）举报 2022-10-02

我来回答

如何使用值的标签而不是ID、Java脚本将复选框设置为True？

1条答案

相关问题

热门标签

最新问答