在没有 jQuery 的情况下切换复选框选中属性 [重复]答案

【问题标题】：Toggle checkbox checked attribute without jQuery [duplicate]在没有 jQuery 的情况下切换复选框选中属性 [重复]
【发布时间】：2018-04-25 01:43:50
【问题描述】：

我见过类似的问题，例如“How do I toggle an element's class in pure JavaScript?”，但是这个问题是指属性。

我有一个这样的复选框：

<span class="newsletter-checkbox">
  <input type="checkbox" name="newsletter" id="newsletter" checked> Sign up to the newsletter as well - recieve new posts in your inbox
</span>

如何做到这一点，以便在单击.newsletter-checkbox 中的任何位置（包括文本）时，它会切换复选框checked 属性？

【问题讨论】：

我可以建议一些非常简单的东西，只需使用标签标签：jsfiddle.net/wggofhhf 吗？
@sinisake 哇，太棒了，我从来没有意识到你能做到这一点！让它成为一个答案，我现在就接受......
stackoverflow.com/a/12850547/295783

标签： javascript html checkbox toggle togglebutton

【解决方案1】：

只需使用这个：

function toggleCheckbox() {
  var checkbox = document.getElementById('newsletter');
  checkbox.checked = !checkbox.checked;
}

&lt;span class="newsletter-checkbox" onclick="toggleCheckbox()"&gt;&lt;input type="checkbox" name="newsletter" id="newsletter" checked&gt; Sign up to the newsletter as well - recieve new posts in your inbox&lt;/span&gt;

（基于Toggle a boolean in javascript）

【讨论】：