jQuery if語句基於輸入值

Question

我正在做一個簡單的表格，但是我很難讓它做我想要的事情。 在提交表單時，我需要它來檢測某個類別的多個輸入是否具有大於0的值（因為僅應選擇一個）。 這是表格的html

      <form onsubmit="calcTime();">

  <table>
    <tr>
      <p>How long does the task take to perform?  (Choose one)</p></tr>
    <tr>
      <p>
        <input type="text" style="width: 3em;" id="seconds">&nbsp;  Seconds (Enter an integer 1-60)
        <input type="text" style="width: 3em;" id="minutes">&nbsp;  Minutes (Enter an integer 1-60)
      </p>
    </tr>
    <br>
    <tr>
      <p>How often do you perform the task? (Choose one)</p></tr>
    <tr>
      <p><input type="text" style="width: 3em;" id="day">&nbsp;x Per day&nbsp;
        <input type="text" style="width: 3em;" id="week">&nbsp;x Per week&nbsp;
        <input type="text" style="width: 3em;" id="month">&nbsp;x Per month&nbsp;
        <input type="text" style="width: 3em;" id="year">&nbsp;x Per year&nbsp;
      </p>
    </tr>
    <br>
    <tr>
      <p><input type="submit" value="Submit" id="submitButton"></p>
    </tr>

    <br>
    <tr>
      <p id="result"></p>
    </tr>
  </table>
</form>

到目前為止無法使用的jQuery函數是...

function calcTime() {
var seconds = $('#seconds');
var minutes = $('#minutes');
var perDay = $('#day');
var perWeek = $('#week');
var perMonth = $('#month');
var perYear = $('#year');
if ((seconds.value > 0) && (minutes.value > 0)) {
alert('Please only choose either seconds or minutes!');
return false;
  }
}

謝謝

Answer 1

使用jquery 方法val檢索元素值。

seconds.val()

如果不使用jquery選擇元素，而是使用純Javascript

var seconds = document.getElementById('seconds')

您將可以使用value屬性seconds.value 。

jQuery select返回“本身”對象而不是本地HTMLElement 。

Answer 2

使用jQuery，您可以將'if'語句更改為：

如果（seconds.val（）> 0 && minutes.val（）> 0）

有關.val（）方法的更多信息： http ://api.jquery.com/val/