2017-09-09 13 views
2

私はそれをPHPで渡すために支払い合計値を取得したいと思います。投稿するには<input>テキストに挿入する方法はありますか?それともそれ以外の方法がありますか?入力フォームphpで書くJSフォームから値を取得するには?

<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>

+0

あなたの質問は不明です。あなたはjavascript経由でそれを取得したいですか?入力に挿入しますか?あなたがフォームを提出すると、提出されますか?あるいは何か他のことをしようとしていますか? –

+0

<?php echo $ payment-total?>が好きですか、に渡します。 – Bela

答えて

0

私はあなたの質問から理解して何はJavascriptを通じて支払い総入力型の値を挿入することです。

は、お支払い総額の任意の値を用いて、入力タイプのお支払い総額に与えることができる:あなたは、PHPでこれを行うのAjaxを使用して、お支払い総額の値を入れたい場合は

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

+0

私は値を取得できません。私はJSによって追加された合計を$ _POSTしたいので、#payment-totalから値を取得したいのです。または、入力が何らかの形で値を取得できればよいでしょう – Bela

関連する問題