如果您想了解问：用javascript计算两个输入的相关知识，那么本文是一篇不可错过的文章，我们将对js编程用户输入两个数字运算进行全面详尽的解释，并且为您提供关于asp.net–用JavaScrip
如果您想了解问：用javascript计算两个输入的相关知识，那么本文是一篇不可错过的文章，我们将对js编程用户输入两个数字运算进行全面详尽的解释，并且为您提供关于asp.net – 用JavaScript计算时间间隔、javascript – 动态表示多个输入字段计算、javascript – 比较两个输入字段、javascript 计算两个整数的百分比值_javascript技巧的有价值的信息。
本文目录一览：- 问：用javascript计算两个输入（js编程用户输入两个数字运算）
- asp.net – 用JavaScript计算时间间隔
- javascript – 动态表示多个输入字段计算
- javascript – 比较两个输入字段
- javascript 计算两个整数的百分比值_javascript技巧
问：用javascript计算两个输入（js编程用户输入两个数字运算）
@KIKO 软件我在阅读您的评论几次后解决了:) 更改了“document.getElementById("result").value”的代码，现在在更改最后一个输入时解决了问题，它会自动计算结果来自前面提到的两个输入，这就是我正在寻找的结果。
<script>
function divideBy()
{
num1 = document.getElementById("firstNumber").value;
num2 = document.getElementById("secondNumber").value;
document.getElementById("result").value = num2 % num1;
}
</script>
感谢您的帮助:)
asp.net – 用JavaScript计算时间间隔
我有一个.net 2.0 ascx控件与开始时间和结束时间文本框.数据如下：
txtStart.Text = 09/19/2008 07:00:00
txtEnd.Text = 09/19/2008 05:00:00
我想计算JavaScript中的总时间(小时和分钟),然后将其显示在页面上的文本框中.
解决方法
一旦您的文本框日期格式被提前知道,您可以使用Javascript中的
Matt Kruse’s Date functions将两者转换为时间戳,减去然后写入结果文本框.
同样地,stringToDate的JQuery Date Input代码可以适用于您的目的 – 下面将以“YYYY-MM-DD”格式转换为一个日期对象.这些对象的时间戳(getTime())可以用于您的计算.
stringToDate: function(string) {
var matches;
if (matches = string.match(/^(\d{4,4})-(\d{2,2})-(\d{2,2})$/)) {
return new Date(matches[1],matches[2] - 1,matches[3]);
} else {
return null;
};
}
javascript – 动态表示多个输入字段计算
我需要动态添加表单字段.每组输入值包含3个字段,数量,价格和总计.每次我将数值插入数量和价格时,字段总数必须显示总和或乘以.
我已经意识到这一点,但它仅适用于第一个领域.当我添加另一行字段时,它不会计算其他字段.
这是我的代码.
$(document).ready(function() {
var i = 1;
$('#add').click(function() {
i++;
$('#articles').append('<tr id="row' + i + '"><td><input type="number" id="quantity" name="quantity[]" placeholder="quantity"/></td> <td><input type="number" id="price" name="price[]" placeholder="price"/></td> <td><input type="number" id="total" name="total[]" placeholder="total"readonly /></td> <td><button type="button" name="remove" id="' + i + '">X</button></td></tr>');
});
$(document).on('click', '.btn_remove', function() {
var button_id = $(this).attr("id");
$('#row' + button_id + '').remove();
});
$('#submit').click(function() {
//alert($('#add_name').serialize()); //alerts all values and works fine
$.ajax({
url: "wwwdb.PHP",
method: "POST",
data: $('#add_name').serialize(),
success: function(data) {
$('#add_name')[0].reset();
}
});
});
function upd_art() {
var qty = $('#quantity').val();
var price = $('#price').val();
var total = (qty * price).toFixed(2);
$('#total').val(total);
}
setInterval(upd_art, 1000);
});<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div>
<br />
<br />
<h2 align="center">title</h2>
<div>
<form name="add_name" id="add_name">
<div>
<tableid="articles">
<tr>
<td><input type="number" id="quantity" name="quantity[]" placeholder="quantity"/></td>
<td><input type="number" id="price" name="price[]" placeholder="price"/></td>
<td><input type="number" id="total" name="total[]" placeholder="total"readonly /></td>
<td><button type="button" name="add" id="add">Add new</button></td>
</tr>
</table>
<input type="button" name="submit" id="submit"value="Submit" />
</div>
</form>
</div>
</div>
</body>
</html>解决方法:
这是解决方案：
第一：添加了JQuery
SECOND：更正了计算方法.如果你想要数量*价格,它应该乘以而不是总和.检查我的更改
第三：在每个ID和附加方法中添加一个数字.
第四：改变计算方法来携带id
THIRD：对您创建的计时器进行了评论,并调用了计算输入JQUERY event “change”内最终值的方法.这样,您不会永远处理(即使没有任何更改),并且仅在触发更改事件时计算
希望能帮助到你
$(document).ready(function() {
var i = 0;
$("#quantity-" + i).change(function() {
upd_art(i)
});
$("#price-" + i).change(function() {
upd_art(i)
});
$('#add').click(function() {
i++;
$('#articles').append('<tr id="row' + i + '"><td><input type="number" value=0 id="quantity-' + i + '" name="quantity[]" placeholder="quantity"/></td> <td><input type="number" id="price-' + i + '" name="price[]" value=0 placeholder="price"/></td> <td><input type="number" id="total-' + i + '" name="total[]" placeholder="total"readonly /></td> <td><button type="button" name="remove" id="' + i + '">X</button></td></tr>');
$("#quantity-" + i).change(function() {
upd_art(i)
});
$("#price-" + i).change(function() {
upd_art(i)
});
});
$(document).on('click', '.btn_remove', function() {
var button_id = $(this).attr("id");
$('#row' + button_id + '').remove();
});
$('#submit').click(function() {
alert($('#add_name').serialize()); //alerts all values
$.ajax({
url: "wwwdb.PHP",
method: "POST",
data: $('#add_name').serialize(),
success: function(data) {
$('#add_name')[0].reset();
}
});
});
function upd_art(i) {
var qty = $('#quantity-' + i).val();
var price = $('#price-' + i).val();
var totNumber = (qty * price);
var tot = totNumber.toFixed(2);
$('#total-' + i).val(tot);
}
// setInterval(upd_art, 1000);
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" />
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
</head>
<body>
<div>
<br />
<br />
<h2 align="center">title</h2>
<div>
<form name="add_name" id="add_name">
<div>
<tableid="articles">
<tr>
<td><input value=0 type="number" id="quantity-0" name="quantity[]" placeholder="quantity"/></td>
<td><input value=0 type="number" id="price-0" name="price[]" placeholder="price"/></td>
<td><input type="number" id="total-0" name="total[]" placeholder="total"readonly /></td>
<td><button type="button" name="add" id="add">Add new</button></td>
</tr>
</table>
<input type="button" name="submit" id="submit"value="Submit" />
</div>
</form>
</div>
</div>
</body>
</html>
javascript – 比较两个输入字段
我有这个功能,我用来比较两个输入字段.如果用户在文本字段中输入相同的数字.提交时会出现错误.现在我想知道是否有一种方法允许相同的数字但不高于或低于前一个文本框的值1.例如,如果用户在前一个文本框中输入5,则用户只能输入4,其他输入字段中有5或6个.请给我一些建议.
<script type="text/javascript">
function Validate(objForm) {
var arrNames=new Array("text1","text2");
var arrValues=new Array();
for (var i=0; i<arrNames.length; i++) {
var curValue = objForm.elements[arrNames[i]].value;
if (arrValues[curValue + 2]) {
alert("can't have duplicate!");
return false;
}
arrValues[curValue] = arrNames[i];
}
return true;
}
</script>
<form onsubmit="return Validate(this);"> <input type="text" name="text1" /><input type="text" name="text2" /><button type="submit">Submit</button> </form>
解决方法
干净利落的方式是：
var fistInput = document.getElementById("first").value;
var secondInput = document.getElementById("second").value;
if (firstInput === secondInput) {
// do something here if inputs are same
} else if (firstInput > secondInput) {
// do something if the first input is grater than the second
} else {
// do something if the first input is less than the second
}
这允许您在比较后再次使用这些值.
javascript 计算两个整数的百分比值_javascript技巧
///计算两个整数的百分比值
function GetPercent(num, total) {
num = parseFloat(num);
total = parseFloat(total);
if (isNaN(num) || isNaN(total)) {
return "-";
}
return total }
关于问：用javascript计算两个输入和js编程用户输入两个数字运算的问题我们已经讲解完毕，感谢您的阅读，如果还想了解更多关于asp.net – 用JavaScript计算时间间隔、javascript – 动态表示多个输入字段计算、javascript – 比较两个输入字段、javascript 计算两个整数的百分比值_javascript技巧等相关内容，可以在本站寻找。
本文标签：
