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

javascript html

77 观看

2回复

11 作者的声誉

我想在单击按钮时在文本字段中显示价格,所以基本上我已经尝试过警报并且它可以工作,但是我想在单击按钮时将价格放在文本字段中,而不是警报

作者: lele 的来源 发布者: 2017 年 3 月 11 日

回应 2


1

629 作者的声誉

向HTML添加ID

 <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;
作者: LiverpoolOwen 发布者: 2017 年 3 月 11 日

0

1219 作者的声誉

在文本框中输入ID,然后使用以下代码:

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

同样,使用switch语句代替使用if。因为从代码来看,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;    
}   
作者: muhihsan 发布者: 2017 年 3 月 11 日
32x32