За последние 24 часа нас посетили 24197 программистов и 1654 робота. Сейчас ищут 863 программиста ...

простая математика

Тема в разделе "JavaScript и AJAX", создана пользователем kowapos, 25 июл 2013.

  1. kowapos

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

    С нами с:
    18 янв 2013
    Сообщения:
    120
    Симпатии:
    0
    может ли кто-нибудь показать пример скрипта с обычным сложением.
    например:
    Код (Text):
    1.  
    2. <form>
    3. <input type = "checkbox" value = "25" name = "hello">
    4. <input type = "checkbox" value = "10" name = "world">
    5. </form>
    и когда отмечаешь то значения суммируются и выводятся=)
    если возможно, то без кнопки отправки=)
    спасибо=)
     
  2. shelestov

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

    С нами с:
    25 авг 2011
    Сообщения:
    148
    Симпатии:
    0
    Адрес:
    Россия, Арзамас
    Взять все элементы input:checked формы и сложить их значения.
    На jquery
    Код (Text):
    1. $(function() {
    2.     $("form input").on("click", function(){
    3.         var value = 0;
    4.         $("form input:checked").each(function(index){
    5.             value += parseInt($(this).val());
    6.         });
    7.         console.log(value);
    8.     });
    9. });
    Написал на скорую руку, может и не работать )))
     
  3. kowapos

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

    С нами с:
    18 янв 2013
    Сообщения:
    120
    Симпатии:
    0

    большое спасибо за оперативный ответ, но я в яве вообще ноль. не могли бы вы прикрутить к этому еще форму, которую я писал выше?
     
  4. Your

    Your Старожил

    С нами с:
    2 июл 2011
    Сообщения:
    4.074
    Симпатии:
    7
    Код (PHP):
    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4.     <meta charset="utf-8">
    5.     <title>
    6.         Title!
    7.     </title>
    8.     <script type="text/javascript" src="http://code.jquery.com/jquery-2.0.3.min.js"></script>
    9.     <script type="text/javascript">
    10.         $(document).ready(function() {
    11.             var summa=0;
    12.              $('#form input[type="checkbox"]').click(function() {
    13.                 if(this.checked) {
    14.                     $(this).attr('value',function(key,value) {
    15.                         summa+=parseInt(value);
    16.                     });
    17.                 } else {
    18.                     summa-=parseInt(this.value);
    19.                 }
    20.                 $('.summa').text(summa);
    21.              });
    22.         });
    23.     </script>
    24. </head>
    25. <body>
    26.     <div class="summa">0</div>
    27.     <form id="form">
    28.         <input type="checkbox" name="hello" value="25">
    29.         <input type="checkbox" name="world" value="10">
    30.     </form>
    31. </body>
    32. </html>