如何从JS表单中获取值以输入形式写入php?

时间:2017-09-09 13:45:20

标签: javascript php forms echo addeventlistener

我希望获得pay-total值以通过php传递它。有没有办法将其插入<input>文本发布?或者还有其他方法吗?

<input value="50" type="checkbox" class="sum"> box 1

<select id="select" name="select">
    <option class="sum"></option>
    <option value="100" class="sum">option 0</option> 
</select>

<br/> Total: $<span id="payment-total">0</span>

<input id="payment-total" name="payment-total" type="text" readonly="readonly"  />

<script type="text/javascript">
var checkboxes = document.querySelectorAll('.sum')
var select = document.querySelector('#select')
var total = document.querySelector('#payment-total')
var checkboxesTotal = 0
var selectTotal = 0

checkboxes.forEach(function(input) {
  input.addEventListener('change', onCheckboxSelect)
})

select.addEventListener('change', onSelectChange)

function onCheckboxSelect(e) {
  var sign = e.target.checked ? 1 : -1
  checkboxesTotal += sign * parseInt(e.target.value, 10)
  renderTotal()
}

function onSelectChange(e) {
  var value = parseInt(e.target.value, 10)
  if (!isNaN(value)) {
    selectTotal = value
    renderTotal()
  }
}

function renderTotal() {
  total.innerHTML = checkboxesTotal + selectTotal
}

</script>

1 个答案:

答案 0 :(得分:0)

我从您的问题中了解到,您希望通过Javascript插入付款总输入类型的值。

付款总额的任何值都可以通过以下方式提供给输入类型付款总额:

$('#payment-total').val(myVal);   // myVal is value of payment total 
                                  //  calculated in Javascript function....

如果您想使用PHP执行此操作,请使用Ajax,然后将值放入Payment Total。