Apakah mungkin untuk mengubah atribut "dicentang" pada kotak centang? Jadi saya ingin mengubah nilai pilihan awal di HTML. (Sehingga saya bisa mendapatkannya nanti dengan innerHTML JavaScript).
Tentu saja, jika Anda akan menggunakan innerHTML dalam Javascript, Anda dapat memuat ulang seluruh kotak centang dan membuatnya dicentang atau tidak. Namun cara yang lebih mudah untuk melakukannya adalah dengan mengubah atribut yang dicentang di dalam Javascript jika Anda tetap akan menggunakan JS.
document.getElementById("myCheckboxId").checked = true;
EDIT
Baiklah, jadi Anda harus bisa mendapatkannya lagi dengan innerHTML di masa depan. Seperti yang saya katakan di kalimat pertama, Anda bisa menggunakan innerHTML untuk mengubah kotak centang juga. Mungkin agak sedikit merepotkan, tetapi tidak masalah jika Anda sudah melakukannya.
Berikut ini adalah halaman html uji coba dengan tautan untuk mencentang/menghapus centang melalui JS, mencentang/menghapus centang dengan menukar seluruh kotak centang dengan innerHTML, dan mendapatkan innerHTML untuk pengujian. Ketika Anda melakukan pertukaran innerHTML, itu sebenarnya mengubah apa yang dikembalikan oleh innerHTML nanti. Apakah ini yang Anda maksud? Catatan: hmm saya tidak menyadarinya sampai sekarang, tetapi tampaknya firefox mengubah centang menjadi centang = "checked", menarik. Jadi, tautan view innerHTML menunjukkan kepada saya checked="checked" dan ketika tidak dicentang tidak menunjukkan apa-apa. Firebug juga menunjukkan perubahan, tetapi sedikit berbeda - berubah dari checked=""** menjadi tidak ada.
[Ini adalah jsfiddle][1]!
<span id="testdiv1"><input type="checkbox" name="heyhey" id="heyhey" CHECKED></span>
<p>
<a href="#" onClick="document.getElementById('heyhey').checked = false;">uncheck via JS</a><br>
<a href="#" onClick="document.getElementById('heyhey').checked = true;">check via JS</a><br>
<a href="#" onClick="document.getElementById('testdiv1').innerHTML = '<input type=\'checkbox\' name=\'heyhey\' id=\'heyhey\' >';">uncheck via innerHTML swap</a><br>
<a href="#" onClick="document.getElementById('testdiv1').innerHTML = '<input type=\'checkbox\' name=\'heyhey\' id=\'heyhey\' checked>';">check via innerHTML swap</a><br>
<a href="#" onClick="alert('innerHTML!: '+'\n\n'+getElementById('testdiv1').innerHTML)">view innerHTML</a>
</p>