Форум

zilon · #1 (**permalink**) 16.09.2013, 06:18

Здравствуйте, не получается вывести количество отмеченных чебоксов

вот пример new-muzon.ru/zilon/index.php когда по одному отмечаю то число выводится, а когда нажимаю на один и веду мышкой по остальным(как на яндекс почте, массово выделяю письма чтоб удалить) - они отмечаются но, не выводятся как отмеченные, не знаю, что делать, вот код... подскажите пожалуйста как исправить

<script type="text/javascript">

    var count = 0;

    $(function() {
        displayCount();
        $('input[type=checkbox]').click(function() {
            if (this.checked) {
                count++;
            } else {
                count--;
            }
            displayCount();
        });
    });

    function displayCount() {
        $('#count').text(count);
    }

</script>

рони · #2 (**permalink**) 16.09.2013, 09:24

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

мышкой по остальным(как на яндекс почте, массово выделяю письма чтоб удалить) - они отмечаются но, не выводятся как отмеченные, не знаю, что делать

за подобное выделение у вас отвечает отдельный скрипт который знать не знает о выводе отмеченных чекбоксов
и так 2 в одном или Выделение checkbox и вывод количества выделенных

<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <script src="http://code.jquery.com/jquery-latest.js"></script>
  <script type="text/javascript">
$(document).ready(function(){
     var checkbox =  $(':checkbox'),count,checked,started = false;
     $('body').mouseup(  function(){
      started = false;
    });
     checkbox.each(function(indx, element){
    $(this).click(  function(){
     checked = $(this).prop("checked");
     $(this).prop({"checked":!checked});
     count =  $( ':checked' ).size()
     $('#count').text(count)
    });
     $(this).mousedown(  function(){
     checked = $(this).prop("checked");
     $(this).prop({"checked":!checked});
     count =  $( ':checked' ).size()
     $('#count').text(count)
     started = true;
    });
    $(this).mouseenter(  function(){
    checked = $(this).prop("checked");
    started &&  $(this).prop({"checked":!checked});
    count =  $( ':checked' ).size()
    $('#count').text(count)
    });
    });

  });
  </script>

</head>

<body>
Количество отмеченных доменов - <span id="count">0</span>
<input name="" type="checkbox">
<input name="" type="checkbox">
<input name="" type="checkbox">
<input name="" type="checkbox">
<input name="" type="checkbox">
<input name="" type="checkbox">
</body>

</html>

Форум

Справочник

Discord чат

Курсы javascript