AAA Главная
Примеры PHP Примеры JavaScript Примеры Ajax Примеры CSS,HTML

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

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

Нажми здесь


Исходный код этого примера:

<style type="text/css">
input[type="checkbox"]{vertical-align:baseline}
.hand {cursor:pointer;}
</style>

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

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

<form method="post" action="">
<input type="checkbox" /> <span onClick="CheckClick(this)" class="hand">Нажми здесь</span><br />
</form>

<script type="text/javascript"><!--

function CheckClick(e){
   t=e.previousSibling.previousSibling;
   //alert(t.tagName+' '+t.type);
   if( (t.tagName=='INPUT')&&(t.type=='checkbox')) t.click();
}

//--></script>



.

© Copyright 2008-2016 by KDG