Question

我希望在单击按钮时在文本字段中显示价格，所以基本上我已尝试使用警报并且它可以正常工作，但是当我点击该按钮时，我希望将价格放在文本字段中

Answer 1

将ID添加到html

 <input id="totalPrice" type="text" name="totalprice" readonly="readonly" >

更新输入值而非警报

function checkPrice(){

var radios=document.getElementsByName('place');
var people= document.getElementById('noofpersons').value;

for(var i=0, length=radios.length; i<length; i++) {
if(document.form.place.value=="Maldives"){
document.getElementById('totalPrice').value = "£" + 1300*people;
break;
}
if(document.form.place.value=="Madagascar"){
document.getElementById('totalPrice').value = "£" + 899*people;
break;

if(document.form.place.value=="Hawaii"){
document.getElementById('totalPrice').value = "£" + 1100*people;
break;

Answer 2

将ID放入文本框并使用以下代码：

// Let say the id is #price
var totalPrice = "Put the price here";
document.getElementById('price').value = totalPrice;

而不是使用if，使用switch语句。因为从代码中，document.form.place.value只能有1个值。

switch(document.form.place.value)
{
    case "Maldives":
        document.getElementById('price').value = "£" + (1300 * people);
        break;
    case "Madagascar":
        // ...
    case "Hawaii"        
        // ...
    case default:
        break;    
}

单击按钮时，在文本字段中显示价格

2 个答案: