Регистрация Войти
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Войти через VK Войти через FB Войти через Google Войти через Яндекс
Поиск по сайту
Нажатие на тексте после 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>
.
Прокомментировать/Отблагодарить