Question

如何使用jQuery计算包含输入类型和select元素的表单中的字段？

例如

<input class="days" type="text" name="txt"/>
<select class="roomtype">
<option value="">Please select a room</option>
<option value="50">Budget room</option>
<option value="100">Standard room</option>
</select>
<p>Please bank in <a href="bankurl" id="total">$</a> to our account.

我目前要求用户输入价格的脚本。

$(".days").each(function() { 
        $(this).keyup(function(){
            Calculate();
        });
    });

});

function Calculate() {

    var total = 0;

    $(".days").each(function() {
         // validate
        if(!isNaN(this.value) && this.value.length!=0) {
            total += parseFloat(this.value);
       }
     });
    //decimal
    $("#total").html(total.toFixed(2));
}

谢谢。

Answer 1

试试这个解决方案：

$(".days").each(function() { 
    $(this).keyup(function(){
        Calculate();
    });
});

function Calculate() {

    var total = 0;

    $(".days").each(function() {
         // validate
        if(!isNaN(this.value) && this.value.length!=0) {
            total += parseFloat(this.value);
       }
     });
    //decimal
    var cost = total.toFixed(2) * $(".roomtype").val();
    cost += "$";
    $("#total").html(cost);
}

jsFiddle：http://jsfiddle.net/wALQT/

Answer 2

您可以使用select获取$('.roomtype').val()的值。

如何从input type =“text”计算值并使用jquery选择元素？

2 个答案: