Скрипт калькулятор товаров/услуг

Тема в разделе "JavaScript", создана пользователем AlexGr, 29 янв 2015.

  1. AlexGr

    AlexGr

    Регистрация:
    12 окт 2014
    Сообщения:
    6
    Симпатии:
    0
    Здравствуйте.
    Есть вот такой срипт, вполне рабочий и удобный на мой взгляд.
    Код:
    <table onclick="sum(event)">
    <tbody>
    <tr>
     <td><input type="checkbox" value="Комплект ручек - 27р.">Комплект ручек - 27р.</td>
     <td><input type="checkbox" value="Пенал - 500р.">Пенал - 500р.</td>
    </tr>
    <tr>
     <td><input type="checkbox" value="Портфель - 500р.">Портфель - 500р.</td>
     <td><input type="checkbox" value="Маркеры - 100р.">Маркеры - 100р.</td>
    </tr>
    <tr>
     <td>Пусто</td>
     <td>Пусто</td>
    </tr>
    </tbody>
    </table>
    <textarea rows=5 cols=50 id="textarea"></textarea>
    <script type="text/javascript">
    function sum(event){
     event = event || window.event;
     var target = event.target || event.srcElement;
     if ((target + "") == "[object HTMLInputElement]"){
      var value = target.value + "\n";
      if (target.checked == true)document.getElementById("textarea").value += value;
      else document.getElementById("textarea").value = document.getElementById("textarea").value.replace(target.value, ""); 
     }
    }
    </script>
    
    Подскажите пожалуйста, как сделать, что бы тут
    <textarea rows=5 cols=50 id="textarea"></textarea>
    вместе с выбранными товарами выводилась общая сумма товаров?
    Если можно то как реализовать это без кнопки "Подсчитать",
    что бы сразу при выборе товаров выводилась общая сумма?
     
  2. $iD

    $iD Команда форума

    Регистрация:
    13 мар 2012
    Сообщения:
    3.349
    Симпатии:
    1.380
    можно, но вам надо переделать так, чтобы в checkbox'ах в value писалась цена, просто <input type="checkbox" value="500">,
    либо в другой input, иначе вам придётся писать регулярные выражения, чтобы из текста "Портфель - 500р." вынимать цену, а это будет говнокод)
     
  3. AlexGr

    AlexGr

    Регистрация:
    12 окт 2014
    Сообщения:
    6
    Симпатии:
    0
    Желательно что бы выводилась не только цена но и само название товара. Вы упомянули про другой input, подскажите пожалуйста как именно это реализовать?
    Не большой пример.