jQueryを使わずにチェックボックスをオンにしたチェックボックスをオンにする

Question

"How do I toggle an element's class in pure JavaScript?"のような質問がありましたが、代わりにこの属性を参照してください。

私はそうのようにチェックボックスがあります（テキストを含む）.newsletter-checkbox内の任意の場所をクリックしたときに、それはチェックボックスchecked属性を切り替えますように私はそれを作るにはどうすればよい

<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>

を？

Answer 1

単純にこれを使用する：（Toggle a boolean in javascriptをオフに基づいて）

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

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