2016-10-05 7 views
-4

変数から値を入力する必要があり、解決策を探して数週間はネットを磨いています。変数から値を入力する必要があります

はJavaScript

window.onload=function(){ 
function updateTotal(){ 
    var basic = 0.00; 
    var add = 0; 
    var form = document.getElementById('form'); 
    var checkboxes = form.getElementsByClassName('addon'); 
    for (var i=0; i < checkboxes.length; i ++) { 
     if (checkboxes[i].checked) { 
      add += parseInt(checkboxes[i].value, 10); 
     } 
    } 
    var p = basic + add; 
    var price = "Total - £" + p ; 
    document.getElementById('total').innerHTML = price; 
} 

document.getElementById('form').addEventListener('change', updateTotal); 
updateTotal(); 

私はまた、これらの表示に

<input id="cbd8" type="checkbox" class="addon" value="£22">£22 - Add to cart</input> 

ページに私の問題が発生するのdiv

<div id="total"></div> 

内で実行中の合計をこれらのいくつかを持っています変数を使用して "価値"の値を変更する必要があるフォームでld。

<input type="hidden" name="amount" value="replace-this"> 

可能であれば教えてください。 ありがとう、マーク。

+1

document.getElementById('total').innerHTML = price; 

を交換 'total'は何ですか? IDや名前、その他何か? –

+1

あなたの ''は 'id =" total "'を持っていません。それはあなたが 'getElementById'で選択しようとしているものですか? – deceze

答えて

-1

名前だけで隠し入力にアクセスできると思います。

ので、 は

document.getElementsByName("amount")[0].value = price; 
+0

これは答えですか?入力に ​​'id'がありません! –

+0

これは不可能です。 –

+0

***注:** HTML5では、 "name"属性は廃止され、多くの要素の "id"属性に置き換えられました。適切な場所でdocument.getElementById()メソッドを使用します。また、getElementsByClassName()メソッドとgetElementsByTagName()メソッドも参照してください。* –

関連する問題