Наш чат в Telegram для обмена идеями, проектами, мыслями, людьми в сфере ИТ г.Ростова-на-Дону: @it_rostov

Нажатие на тексте после checkbox меняет его состояние

Универсальный обработчик клика на тексте после input checkbox. Обратите внимание, между input и span должен быть пробел. Если Вы не хотите использовать пробел, удалите в скрипте повторный "previousSibling".

Тот же эффект можно получить гораздо проще, если input checkbox и текст обрамить в label. В таком случае JavaScript будет не нужен.

Нажми здесь
Исходный код этого примера:
<style>
    input[type="checkbox"]{vertical-align:baseline}
    .hand {cursor:pointer;}
</style>
<form method="post" action="">
    <input type="checkbox"> <span onClick="CheckClick(this)" class="hand">Нажми здесь</span><br>
    <label><input type="checkbox"> Метка label</label>
</form>

<script>
function CheckClick(e){
   t=e.previousSibling.previousSibling;
   if( (t.tagName=='input')&&(t.type=='checkbox')) t.click();
}
</script>


.