当jquery UI滑块移动时检测文本框的更改
detect textbox change when the jquery UI slider moves
我有这个小提琴http://jsfiddle.net/48Hpa/,当我自己输入关键字时,它会自动计算总和,当我更改滑块时,文本框值会更改,但我看不到总和。为什么会这样?我怎样才能做到这一点?非常感谢。
$(document).ready(function(){
$(function() {
$( "#slider1" ).slider({
range: "min",
value: 36,
min: 1,
max: 36,
slide: function( event, ui ) {
$( ".amount1" ).val( ui.value);
}
});
$( ".amount1" ).val($( "#slider1" ).slider( "value" ));
});
$(function() {
$( "#slider2" ).slider({
range: "min",
value: 50000,
min: 1,
max: 50000,
slide: function( event, ui ) {
$( ".amount2" ).val( ui.value );
}
});
$( ".amount2" ).val( $( "#slider2" ).slider( "value" ));
});
function writesum() {
var months = $('.amount1').val();
var credits = $('.amount2').val();
var payment = Number(months) + Number(credits);
$('.amount3').val(payment);
}
$(".amount1").on('input',function(){
jQuery(writesum);
});
$(".amount2").on('input',function(){
jQuery(writesum);
});
});
滑块移动时只调用writesum()
如何?
即。http://jsfiddle.net/48Hpa/1/
当您用代码更改输入字段的值时,您需要在输入字段上触发一个更改事件。
此外,我建议使用更改事件。
$( "#slider1" ).slider({
...
slide: function( event, ui ) {
$( ".amount1" ).val( ui.value)
.trigger('change');
}
});
$( "#slider2" ).slider({
...
slide: function( event, ui ) {
$( ".amount2" ).val( ui.value )
.trigger('change');
}
...
$(".amount1, .amount2").on('change', function() {
writesum();
});
相关文章:
- 当没有文本输入聚焦时检测空格键按下
- 检测angularjs中的输入文本长度
- 在onkeyup事件中未检测到文本区域更改
- 如何使用ie8检测文本输入何时发生更改
- 如何使用jquery检测包装的纯文本并应用html标记
- 检测文本区域的自然换行
- 在聚焦后检测到文本输入上的非聚焦
- 检测jquery中文本区域的自动更改
- 如何检测移动浏览器(PHP/Javascript),然后进行图像/文本更改
- 当在文本区域中检测到特定字符串时,Javascript会自动提交表单
- 检测文本是否在鼠标上突出显示jQuery
- 检测特定文本框是否有焦点
- 如何使用Firefox SDK(用于插件)检测双击选择的文本
- 如何通过道场检测文本区域的变化
- 从大字符串中检测 URL,并在每个 URL 的末尾添加一些文本
- 如何使用右键单击检测文本是否已粘贴
- 是否可以检测IE何时忽略xml文档中的空白文本节点
- 使用 javascript 检测文本区域/文本输入中的 HTML 标记,但它应该支持常见的>和<
- 实现复制和粘贴代码/文本检测
- 当用户输入时,如何提醒用户输入类型的文本检测到一个点