Question

用户选择出发和到达。例如，从澳大利亚到新加坡，成人票的价格为$ 100，儿童的价格为成人价格的80％，婴儿的价格为成人价格的10％。然后，总价将显示在底部。

<form id="form1" runat="server">
        <div>

            Full Name:
            <input type="text" id="txtName" placeholder="Name"><br>
            Passport/Identification Card:
            <input type="text" id="ic" placeholder="number"><br>
            Phone Number:
            <input type="text" id="phone" placeholder="phone number"><br>
            Email Address:
            <input type="email" id="email" placeholder="email"><br>
            Departing:
            <select name="depart" id="dropDest">
                <option value=""></option>
                <option value="Australia">Australia</option>
               <option value="Singapore">Singapore</option>
                <option value="New Zealand">New Zealand</option>

            </select>
            <br>
            Arriving:
            <select name="arrive" id="Arrive">
                <option value=""></option>
                <option value="Australia">Australia</option>
               <option value="Singapore">Singapore</option>
                <option value="New Zealand">New Zealand</option>
            </select>
            <br>
            Number of Adult:
            <input type="number" id="Adult">
            <br>
             Number Child:
            <input type="number" id="Child">
            <br>
            Number of  Infant:
            <input type="number" id="Infant">
            <br>Trip type: <br />
            Round Trip
            <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="yesCheck">
            One way
            <input type="radio" onclick="javascript:yesnoCheck();" name="yesno" id="noCheck">
            <br>
            <div>
                <label for="start">Departure Date</label>
                <input type="date" id="start" name="trip" value="" min="" max="2030-12-31" />
            </div>
            <div id="ifYes" style="display:none">
                <label for="end">Return Date</label>
                <input type="date" id="yes" name="trip" value="" min="" max="2030-12-31" />
            </div>

            <input type="submit" id="btnSubmit">
        </div>
        </form>

jQuery，它将显示文本输入的输出

$(document).ready(function () {
$("#btnSubmit").click(function () {
    var name = $("#txtName").val();
    var passport = $("#ic").val();
    var phone = $("#phone").val();
    var email = $("#email").val();
    var departing = $("#dropDest").val();
    var arriving = $("#Arrive").val();
    var noAdult = $("#Adult").val();        
var noChild = $("#Child").val();
    var noInfant = $("#Infant").val();
    var departure = $("#start").val();
    var Return = $("#yes").val();

    var text ="Full Name: " + name + "<br/>Passport Number: " + passport + "<br/>Phone Number: " + phone + "<br/>Email Address: " + email + "<br/>Departing: " + departing + "<br/>Arriving: " + arriving + "<br/>No of Adult: " + noAdult +"<br/>No of Child: " + noChild + "<br/>No of Infant: " + noInfant + "<br/>Departure Date: " + departure + "<br/>Return Date: " + Return;

    $("#result").html(text);
    return false;
});

My JsFiddle link

如何进行计算？谢谢。

Answer 1

$('#form1').submit(function(event) {
        event.preventDefault();
        var adult = parseInt($('#Adult').val());
        var child = parseInt($('#Child').val());
        var infant = parseInt($('#Infant').val());

        var totalAdult = adult*100;
        var totalChild = (child*100)*0.8;
        var totalInfant =  (infant*100)*0.1;

        totalFightCost = parseInt(totalAdult)+parseInt(totalInfant)+parseInt(totalChild);

        alert(totalFightCost);

    });

jQuery-机票价格计算

1 个答案: