Форум

Lavrov · #1 (**permalink**) 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>

рони · #2 (**permalink**) 26.06.2013, 15:45

Сообщение от Lavrov

.attr(':checked')

.prop('checked') или is(':checked')

Lavrov · #3 (**permalink**) 26.06.2013, 15:50

Ни один из Ваших вариантов не сработал.

рони · #4 (**permalink**) 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 · #5 (**permalink**) 26.06.2013, 16:04

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

Форум

Справочник

Discord чат

Курсы javascript