Могу ли я использовать переключатели / флажки вместо текстовых полей в калькуляторе Javascript? - PullRequest
Новая
       16

Могу ли я использовать переключатели / флажки вместо текстовых полей в калькуляторе Javascript?

1 голос
/ 28 февраля 2011

У меня есть калькулятор Javascript, в котором пользователи могут вводить количества продуктов / функций, и он будет умножать количество на установленную цену.Затем результат отображается в текстовом поле ниже.Мои 2 вопроса:

  1. Я могу использовать опции <select> и указать значение для каждого из них следующим образом:

<select name="SITE_EM_4.99" onChange="CalculateTotal(this.form)"> <option value=""> - Select - </option> <option value="1">Yes</option> <option value="0">No</option> </select>

Однако, это не позволит мне сделать то же самое с флажками / переключателями.Как я могу это сделать?

Два : Могу ли я изменить сценарий так, чтобы итог отображался как фактический текст против текстового поля?СПАСИБО!

PS Сценарий можно найти ЗДЕСЬ .

Ответы [ 4 ]

1 голос
/ 28 февраля 2011

Вы можете сделать это почти идентично с помощью переключателей 

<input type="radio" name="group1" value="Milk" onClick="CalculateTotal(this.form)" > Milk<br>
<input type="radio" name="group1" value="Butter" onClick="CalculateTotal(this.form)" > Butter<br>

Второй вопрос, очень легко сделать.

Поместите пустой тег div с идентификатором, где вы хотите показать результаты. T

Затем просто вставьте значения в тег div в виде текста, используя JavaScript ниже после завершения вычислений. 

var output= document.getElementById("outputDiv")
output.innerText = {value of CalculateTotal()}

РЕДАКТИРОВАТЬ: Запрошенный пример 

<script>
   function CalculateTotal(myForm)
   {
      //do your calculations here 
      //...
      //...
      var text = //put whatev here that will be the output
      var output= document.getElementById("outputDiv")
      output.innerText = text;
   }
</script>

<body>
   <input type="radio" name="group1" value="1" onClick="CalculateTotal(this.form)" > Yes<br>
   <input type="radio" name="group1" value="2" onClick="CalculateTotal(this.form)" > No<br>
   <div id="outputDiv"></div>

0 голосов
/ 28 февраля 2011

вместо ввода общей суммы просто переключитесь на диапазон (или что-то еще) с идентификатором (скажем, «итог») и просто замените его на innerHTML 

<script>
function CalculateTotal(frm) {
...
document.getElementById('total').innerHTML = round_decimals(order_total, 2);
...
}
</script>
0 голосов
/ 28 февраля 2011 
<input type="checkbox" name="SITE_EM_4.99" value="1" onClick="CalculateTotal(this.form)">
0 голосов
/ 28 февраля 2011 
<script>
document.write("Welcome to my world!!!");
</script>

Эта функция может использоваться для печати текста внутри самого документа, а не в текстовом поле.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...