javascript - 哪个按钮调用 javascript 文件

Question

嗨，我有一个带有 2 个按钮的 HTML

    <li>
    <!--<input type="button" onclick="getOptions()" value="Click Me!" style="margin-left:156px">-->
    <button class="submit" type="button" id="orderTickets" onclick="">Order Tickets</button>
    <button class="submit" type="button" id="startAgain" onclick="">Start Again</button>
</li>

两个按钮都调用外部脚本文件:

 $(document).ready(function() 
 {
 $("#departing").datepicker();
 $("#returning").datepicker();
 $("button").click(function() 
 {
    var destinationTo = $("#myDestination option:selected").text();
    var departingFrom = $("#myDepart option:selected").text();

    var departing = $("#departing").val();
    var returning = $("#returning").val();

    var numAdults = $("#adults option:selected").text();
    var numChildren = $("#children option:selected").text();

    var travelType = $("#class option:selected").text();

    if (departing === "" && returning === "")
    {
        alert("Please enter your travel dates.");
    }
    else if (returning === "")
    {
        alert("Please enter a return date.");
    }
    else if (departing === "") 
    {
        alert("Please enter a departing date.");
    } 
    else 
    {
        confirm("Please confirm your travel: outward journey from " + departingFrom +  " on " + departing + " to " + destinationTo + " returning on " + 
        returning + " adults " + numAdults + " children " + numChildren + " travelling in " + travelType + " coach " + "?");
    }
 });
 });

我只想要按钮“orderTickets”来运行脚本。我确信我可以在脚本中建立按钮 ID，然后确定是否要运行它，但不确定如何运行。另一个按钮“startAgain”只是清除表单!也许我的尝试不是最好的解决方案？

HTML 和 javascript 不是我的专长，希望得到一些帮助？

Answer 1

请使用

$("#orderTickets").click(function() 
 {
.
.
.

而不是

 $("button").click(function() 
 {
.
.
.

一点PS: $("#orderTickets") 按 id 属性选择，如果想按类选择可以使用 $(".orderTickets")