时间戳

首页 > 解决方案 > 我需要一个可以从 html 检查特定复选框的 javascript 命令

javascript - 我需要一个可以从 html 检查特定复选框的 javascript 命令

问题描述

<div class="checkbox_design">
  <div class="checkbox_container">
    <label for="acord_regulament">
      Am luat la cunoștință
      <a href="https://www.bereciucas.ro/static/pdf/regulament_premii.pdf" target="_blank">
        Regulamentul Oficial al Campaniei
      </a>
      .
    </label>
    <input type="checkbox" name="acord_regulament" value="1" id="acord_regulament" class="validate[required] req_checkbox" tabindex="6">
  </div>

我需要通过 JavaScript 检查复选框。

我刚开始学习 javascript，所以这对我来说是新的。当该复选框被选中时，它看起来像这样：

<div class="checkbox_design">
  <div class="checkbox_container">
    <label for="acord_regulament" class="checked">
      Am luat la cunoștință
      <a href="https://www.bereciucas.ro/static/pdf/regulament_premii.pdf" target="_blank">
        Regulamentul Oficial al Campaniei
      </a>
      .
    </label>
    <input type="checkbox" name="acord_regulament" value="1" id="acord_regulament" class="validate[required] req_checkbox noinputError" tabindex="6">
  </div>

标签： javascripthtml

解决方案

似乎第二个 HTML 片段实际上并未添加该checked属性。也许这会为您指明正确的方向：

document.getElementById('acord_regulament').classList.add('noinputError');
document.querySelector('label[for="acord_regulament"]').classList.add('checked');
document.getElementById('acord_regulament').checked = true; // this attribute actually marks the checkbox as checked

document.getElementById('output').innerText = document.getElementsByClassName('checkbox_design')[0].outerHTML; // this line just displays the output
#output {
    white-space: pre;
}
<div class="checkbox_design">
  <div class="checkbox_container">
    <label for="acord_regulament">
      Am luat la cunoștință
      <a href="https://www.bereciucas.ro/static/pdf/regulament_premii.pdf" target="_blank">
        Regulamentul Oficial al Campaniei
      </a>
      .
    </label>
    <input type="checkbox" name="acord_regulament" value="1" id="acord_regulament" class="validate[required] req_checkbox" tabindex="6">
  </div>
</div>

<div id="output"></div>

推荐阅读