Показать сообщение отдельно
  #8 (permalink)  
Старый 31.10.2014, 09:56
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,112

по желанию ... .add(this) можно убрать
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  span.pseudocheckbox {
    background: #FFCC00;
  }
  label.pseudocheckbox{
    border-radius: 8px;
    border: #00CCFF 2px solid;
  }

  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
  	$(function()
  	  {
  	    $(document).on('click', 'label', function(event)
  	      {
  	        $('span', this).add(this).toggleClass('pseudocheckbox', $('input', this).prop('checked'));
  	      }
  	    )
  	  }
  	);
  </script>
</head>

<body>
<label for="check">
 <input type="checkbox" id="check">
 <span class="input_checkbox">pseudocheckbox</span>
 bla-bla
</label>
</body>
</html>
Ответить с цитированием