Javascript-форум (https://javascript.ru/forum/)
-   jQuery (https://javascript.ru/forum/jquery/)
-   -   Чекбокс если "чекед" должна сработать функция (https://javascript.ru/forum/jquery/39358-chekboks-esli-cheked-dolzhna-srabotat-funkciya.html)

Lavrov 26.06.2013 15:38
Чекбокс если "чекед" должна сработать функция
 
Есть чекбокс и его лейбл. Если чекбокс "чекед", то лейбл необходимо покрасить красным цветом. Не срабатывает.

$('#check1').click(function() {
if ($('#check1').attr(':checked') == true){
$('label').css('color', '#000') }
else {
$('label').css('color', '#f00')}
});

Вот разметка:

<div class="block1">
<input type="checkbox" id="check1" /><label for="check1">Лейбл, так его-растак...</label>
</div>

рони 26.06.2013 15:45
Цитата:
Сообщение от Lavrov
.attr(':checked')
.prop('checked') или is(':checked')

Lavrov 26.06.2013 15:50
Ни один из Ваших вариантов не сработал.

рони 26.06.2013 15:56
Lavrov,
проверяйте )))
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">

  <title>datepicker demo</title>
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
</head>
<body>
  <div class="block1">
 <input type="checkbox" id="check1" /><label for="check1">Лейбл, так его-растак...</label>
 </div>
<script>
$('#check1').click(function() {
 if ($('#check1').prop('checked')){
 $('label').css('color', '#f00') }
 else {
 $('label').css('color', '#000')}
 });
</script>
</body>
</html>

Lavrov 26.06.2013 16:04
рони,
Спасибо! Не работало потому, что вначале страницы писал а не в конце. Даже не спрашивайте почему - жара наверно сильная)) Как Ваш код увидел - сразу понял свою ошибку.)) Ошибки сделанные по глупости - всегда было сложнее всего найти. Спасибо ещё раз.


Часовой пояс GMT +3, время: 15:35.