[英]Javascript/Jquery: Compute the values based on the values or null values of input type
[英]Jquery if statement based on input values
我正在做一个简单的表格,但是我很难让它做我想要的事情。 在提交表单时,我需要它来检测某个类别的多个输入是否具有大于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"> Seconds (Enter an integer 1-60)
<input type="text" style="width: 3em;" id="minutes"> 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"> x Per day
<input type="text" style="width: 3em;" id="week"> x Per week
<input type="text" style="width: 3em;" id="month"> x Per month
<input type="text" style="width: 3em;" id="year"> x Per year
</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;
}
}
谢谢
使用jquery 方法val
检索元素值。
seconds.val()
如果不使用jquery选择元素,而是使用纯Javascript
var seconds = document.getElementById('seconds')
您将可以使用value属性seconds.value
。
jQuery select返回“本身”对象而不是本地HTMLElement
。
使用jQuery,您可以将'if'语句更改为:
如果(seconds.val()> 0 && minutes.val()> 0)
有关.val()方法的更多信息: http ://api.jquery.com/val/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.