0

Здравствуйте!

Помогите разобраться, почему в найденном мною примере не работает выделение флажков:

    <script src="http://code.jquery.com/jquery-latest.js"></script>
    <script type="text/javascript">
    $(document).ready( function() {
       $("#maincheck").click( function() {
            if($('#maincheck').attr('checked')){
                $('.mc').attr('checked', true);
            } else {
                $('.mc').attr('checked', false);
            }
       });
    });
</script>
<input type="checkbox" name="numbers[]" class="mc" value="0" />
<input type="checkbox" name="numbers[]" class="mc" value="1" />
<input type="checkbox" name="numbers[]" class="mc" value="2" />
<input type="checkbox" name="numbers[]" class="mc" value="3" />
<input type="checkbox" name="numbers[]" class="mc" value="4" />
<input type="checkbox" name="numbers[]" class="mc" value="5" />
<input type="checkbox" name="numbers[]" class="mc" value="6" />
<input type="checkbox" name="numbers[]" class="mc" value="7" />
<input type="checkbox" name="numbers[]" class="mc" value="8" />
<input type="checkbox" name="numbers[]" class="mc" value="9" />

<br /><input type="checkbox" name="maincheck" id="maincheck" />

Задача: выделять все флажки по классу .mc, если флажок стоит у #maincheck. Снятие флажков работает, а выделение почему-то нет(

Подозреваю, что функция на снятие у последней версии jquery изменилась, а этот код был написан неизвестно когда. Помогите, плиз.

1 ответ 1

1

Не attr, а prop используйте.

 $(document).ready( function() {
       $("#maincheck").click( function() {
            if($('#maincheck').prop('checked')){
                $('.mc').prop('checked', true);
            } else {
                $('.mc').prop('checked', false);
            }
       });
       //Добавлено
       $('.mc').click(function(){
         if($('.mc:not(:checked)').length==0){
            $('#maincheck').prop('checked',true);
         }else{
            $('#maincheck').prop('checked',false);         
         }
       });

    });

http://jsfiddle.net/atcjjbqw/

P.S. Хотя в некоторых браузерах и attr работатет, его использование тут не совсем корректно.

5
  • О, спасибо, все супер, теперь заработало)))
    – oleg777
    10 сен 2014 в 13:03
  • @oleg777, Если вам дан исчерпывающий ответ, отметьте его как верный (нажмите на галку рядом с выбранным ответом).
    – knes
    10 сен 2014 в 13:05
  • Готово) Спасибо, не знал, что так надо делать)
    – oleg777
    10 сен 2014 в 13:12
  • Еще посмотрите код после "//добавлено". Это чтобы общая галка выщелкивалась при выщелкивании дочерних.
    – knes
    10 сен 2014 в 13:15
  • Ой, большое спасибо, еще раз)))
    – oleg777
    10 сен 2014 в 15:29

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.