将更改和键控相结合
Combining change and keyup
本文关键字:相结合 更新时间:2023-09-26
我有一个表格,我正在计算产品的成本。这取决于他们输入的输入值和他们选择的选择。
有没有办法将change
和keyup
事件合并到一个更干净的细分市场中?
我的代码如下:
https://jsfiddle.net/qrv57qtu/
$('#input').keyup(function(){
var x = $('#input').val();
var y = $('#select').val();
if (y == '5') {
var z = 5;
}
else if (y == '10') {
var z = 10;
}
var z = x * y;
$('#total').html(z);
});
$('#select').change(function(){
var x = $(this).val();
var y = $('#input').val();
if (x == '5') {
var z = 5;
}
else if (x == '10') {
var z = 10;
}
var a = y * z;
$('#total').html(a);
});
谢谢。
您可以使用单个逗号分隔的选择器来获取这两个元素。然后,如果使用 on()
方法,则可以提供一个空格分隔的字符串,其中包含要绑定到的事件名称,如下所示:
$('#input, #select').on('keyup change', function() {
var x = $('#input').val();
var y = $('#select').val();
if (y == '5') {
var z = 5;
}
else if (y == '10') {
var z = 10;
}
var z = x * y;
$('#total').html(z);
});
另请注意,逻辑中的if
条件是完全多余的,因为无论如何都会覆盖最后z
的值
这是工作代码:
$(document).on("keyup change", "#input, #select", function(){
var x = $('#select').val();
var y = $('#input').val();
if (x == '5') {
var z = 5;
}
else if (x == '10') {
var z = 10;
}
var a = y * z;
$('#total').html(a);})
https://jsfiddle.net/itsrikin/gaL237qg/
相关文章:
- 将图像上传ajax与表单提交ajax相结合
- 将语句与jquery相结合,并使用媒体查询来实现返回页首按钮
- 媒体查询与Javascript相结合
- 为什么可以'我将谷歌地图getCurrentPosition与地点搜索API相结合
- 如何在不使用css转换的情况下将jQuery animate与css3属性相结合
- 将jQuery选择器与“this”相结合
- 将键盘使用与 Qualtrics 中的答案随机化相结合
- iframe与Javascript相结合的zipcode检查器
- 将n个对象与javascript相结合
- 将JSON数组与jQuery相结合
- NPM:将多个模块和自定义脚本与browserfy相结合
- 将coffee和js开发与Gulp相结合
- ES6对象简写表示法可以与常规对象表示法相结合吗
- 将JavaScript与数据库表中的值相结合
- 是否有一种搜索引擎友好的方法可以将服务器端呈现的 HTML 与客户端 MVVM/MVC 框架相结合
- 将过滤器与分页角度相结合
- 将模式与输入字段的最大长度相结合
- 将 Python 字符串与 javascript 值相结合
- 角度:将动画与范围更改相结合
- 将文本与选择相结合(JavaScript)