如何將Jquery函數鏈接到“提交”按鈕並傳遞表單作為輸入

Question

我有一個HTML表單，其中包含事物的值。 形式如下：

<div class = "window" id="caloriegenerator">
<h1>Generate Recommended Calories</h1>
<p>Using the Mifflin-St Jeor Equation</p>
<form id="form2">
<label>Patient Gender: Male</label><input type="radio" name="gender" value="male">
<label>Female</label> <input type="radio" name="gender" value="female"><br>
<label>Patient Age: </label><input type="number" name="age"><br>
<label>Patient Height- </label><br>
<label>Feet:  </label><input type="number" name="heightfeet"><br>
<label>Inches: </label><input type="number" name="inches"><br>
<input type="button" id="caloriebutton" name="caloriegeneratorbutton" value="Generate     Recommendation">
</form>
</div>

在我的CSS樣式表中，我設置了以下JQuery：

$('#caloriebutton').click(function() {
    generateCalories($(this));
});
};

此處鏈接到Javascript中的函數：

function generateCalories(form) {
console.log("Begin generating calories");
var weight = form.weight.value;
var activitynumber= form.activitynumber.value;
var feetheight = form.heightfeet.value;
var inchesheight = form.inches.value;
var gender = form.gender.value;
var age = form.age.value;
var heightincm = (((feetheight*12)+inchesheight)/0.3937);
Parse.Cloud.run("generateRecommendedCaloriesForMen", {"weight": weight, "activityNumber": activitynumber, "heightinCM":heightincm, "sex":gender, "age": age, "heightInFeet": feetheight, "heightInches": inchesheight}, {
success: function(result) {
    console.log("Successfully ran generateRecommendedCaloriesForMen Function!");
    console.log(result);
    },
    error: function(error){
    console.log("You goofed.");
    console.log(error);
    }
    });
};

我沒有看到console.log消息表明該功能正在運行。 我究竟做錯了什么？

Answer 1

這是您在做什么錯：

$('#caloriebutton').click(function() {
generateCalories($(this).parent()); });

要么

$('#caloriebutton').click(function() {
generateCalories($("#form2")); });

您是指按鈕而不是表格