добавить числовое значение из отмеченного радио в диапазон, затем добавить / удалить числовое значение из отдельного флажка - PullRequest
Новая
       36

добавить числовое значение из отмеченного радио в диапазон, затем добавить / удалить числовое значение из отдельного флажка

0 голосов
/ 22 июня 2019

У меня есть несколько количеств, доступных для выбора по радио, и я хочу, чтобы цена на них отображалась в интервале TotalPrice. однако у меня также есть еще один флажок ниже количеств для варианта доставки, который я хотел бы добавить в интервал TotalPrice поверх количественной цены. 

<tr style="text-align: center;">
  <th scope="row">
    <input
      class="form-check-input"
      type="radio"
      name="quantity"
      id="quantity1"
      value="1"
    />1
  </th>
  <td>FREE + $6.97 S&H</td>
</tr>
<tr style="text-align: center;">
  <th scope="row">
    <input
      class="form-check-input"
      type="radio"
      name="quantity"
      id="quantity2"
      value="2"
    />2
  </th>
  <td>FREE + $9.97 S&H</td>
</tr>
<tr style="text-align: center;">
  <th scope="row">
    <input
      class="form-check-input"
      type="radio"
      name="quantity"
      id="quantity4"
      value="4"
    />4
  </th>
  <td>FREE + $16.97 S&H</td>
</tr>
<tr style="text-align: center;">
  <th scope="row">
    <input
      class="form-check-input"
      type="radio"
      name="quantity"
      id="quantity6"
      value="6"
    />6
  </th>
  <td>FREE + $21.97 S&H</td>
</tr>
<tr style="text-align: center;">
  <th scope="row">
    <input
      class="form-check-input"
      type="radio"
      name="quantity"
      id="quantity8"
      value="8"
    />8
  </th>
  <td>FREE + $26.97 S&H</td>

  <input
    class="form-check-input"
    type="checkbox"
    name="ship"
    value="Expedited"
    id="exp1"
  />

  <span id="TotalPrice"></span>
</tr>

также, возможно ли посылать значения (количество, ускоренное и TotalPrice) и получать их через $ _POST в php?

1 Ответ

0 голосов
/ 22 июня 2019

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

function updateValue() {
    var qty=0
    var elems=document.getElementsByClassName("form-check-input");
    for(var i=0; i<elems.length; i++) {
        if(elems[i].checked) {
            qty=elems[i].value //put price in value before
            break //got the one we want, stop searching
        }
    }
    var chkbox=document.getElementById("exp1")
    var chkstr=chkbox.checked?chkbox.value:""
    document.getElementById("totalPrice").innerHTML=qty+chkstr
}

для его отправки.в PHP, поместите все это в форму с action="/path/to/php" и method="post";который отправит все значения в переменную $ _POST в PHP (например, количество в $ _POST ["количество"] с вашим кодом).

...