За последние 24 часа нас посетили 18017 программистов и 1597 роботов. Сейчас ищут 919 программистов ...

Сложение значений чекбоксов! Нужна помощь. [Решено!]

Тема в разделе "JavaScript и AJAX", создана пользователем Oleg_php, 28 июн 2012.

  1. Oleg_php

    Oleg_php Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    80
    Симпатии:
    0
    Подскажите как можно сложить значение всех выбранных чекбоксов и вывести результат в отдельный div.

    Код (Text):
    1.  
    2. <input type="checkbox" name="n1" value="100" id="n1">
    3. <input type="checkbox" name="n2" value="1000" id="n2">
    4. <input type="checkbox" name="n3" value="10000" id="n3">
    5. <input type="checkbox" name="n4" value="100000" id="n4">
    6.  
    7. и автоматический вывод в <div id="result"></div>
    Заранее спасибо!
     
  2. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Re: Сложение значений чекбоксов! Нужна помощь.

    jQuery?
     
  3. Oleg_php

    Oleg_php Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    80
    Симпатии:
    0
    Re: Сложение значений чекбоксов! Нужна помощь.

    да желательно.
     
  4. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    Re: Сложение значений чекбоксов! Нужна помощь.

    что-то типа того

     
  5. Oleg_php

    Oleg_php Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    80
    Симпатии:
    0
    Re: Сложение значений чекбоксов! Нужна помощь.

    а как вывести результат в div?
     
  6. Ke1eth

    Ke1eth Активный пользователь

    С нами с:
    16 мар 2012
    Сообщения:
    1.073
    Симпатии:
    11
    Адрес:
    заблудилса
    Re: Сложение значений чекбоксов! Нужна помощь.

    Код (Text):
    1. $('#result').append('<p>'+sum+'</p>');
     
  7. Oleg_php

    Oleg_php Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    80
    Симпатии:
    0
    Re: Сложение значений чекбоксов! Нужна помощь.

    Почему-то не получается. А можно если не сложно примером полный код? Заранее огромное спасибо!

    Добавлено спустя 4 минуты 31 секунду:
    Код (Text):
    1.  
    2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    3. <html>
    4. <head>
    5.     <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
    6.     <title></title>
    7.    
    8.     <script type="text/javascript" src="jquery.js"></script>
    9.     <script>
    10.     $(document).ready(function{
    11.         var sum = 0;
    12.         $("input:checked").each(function(){
    13.          sum+= $(this).val();
    14.         });
    15.        
    16.         $('#result').append('<p>'+sum+'</p>');
    17.     });
    18.     </script>
    19.  
    20. </head>
    21.  
    22. <body>
    23.     <input type="checkbox" name="n1" value="100" id="n1" />
    24.     <input type="checkbox" name="n2" value="1000" id="n2" />
    25.     <input type="checkbox" name="n3" value="10000" id="n3" />
    26.     <input type="checkbox" name="n4" value="100000" id="n4" />
    27.    
    28.     <div id="result">
    29.     <p> </p>
    30.     </div>
    31. </body>
    32. </html>
    Не работает.
     
  8. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    а при чем тут отмечание чекбоксов? =) ты ж не сказал, что надо пересчитывать сразу.
    Код (PHP):
    1. $("input").click(function() {
    2. var sum = 0;
    3. $("input:checked").each(function(){
    4.  sum+= $(this).val();
    5. });
    6. $('#result').html('<p>'+sum+'</p>');
    7. }); 
     
  9. Oleg_php

    Oleg_php Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    80
    Симпатии:
    0
    Re: Сложение значений чекбоксов! Нужна помощь.

    Спасибо.
    Но он просто их рядом ставит, а как сложить их и получить одну сумму всех отмеченных чекбоксов?

    Добавлено спустя 31 минуту 8 секунд:
    Код (Text):
    1.  
    2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    3. <html>
    4. <head>
    5.     <meta http-equiv="content-type" content="text/html; charset=windows-1251" />
    6.     <title></title>
    7.    
    8.     <script type="text/javascript" src="jquery.js"></script>
    9.     <script type="text/javascript">
    10.     $("document").ready(function(){
    11.        
    12.         $("input").click(function() {
    13.         var sum = 0;
    14.         $("input:checked").each(function(){
    15.          sum+= $(this).val();
    16.         });
    17.         $('#result').html('<p>'+sum+'</p>');
    18.         });
    19.     });
    20.     </script>
    21.  
    22. </head>
    23.  
    24. <body>
    25.  
    26.     <input type="checkbox" value="100"/>
    27.     <input type="checkbox" value="1000"/>
    28.     <input type="checkbox" value="10000"/>
    29.     <input type="checkbox" value="100000"/>
    30.    
    31.     <div id="result">
    32.     <p></p>
    33.     </div>
    34. </body>
    35. </html>
    http://sharepix.ru/request/1h7mxnlni4l6nniut9cl3tfpfnrybsfs ... 1361pe.png
     
  10. Oleg_php

    Oleg_php Активный пользователь

    С нами с:
    17 янв 2012
    Сообщения:
    80
    Симпатии:
    0
    Просто надо было в строчке
    Код (Text):
    1.  
    2. sum+= $(this).val(); Поставить +, вот так sum+= +$(this).val();
     
  11. igordata

    igordata Суперстар
    Команда форума Модератор

    С нами с:
    18 мар 2010
    Сообщения:
    32.408
    Симпатии:
    1.768
    о, да, это ж яваскрипт
    1+1=11