Question

我想在输入文本框中修改某些内容时执行操作（自动选中复选框）。

我正在使用这样的jquery（但它不起作用：（。

$( document ).ready(function() {
$('.val_displayed').on('change', function{
alert('ok');
alert($(this).val());
});
});


<input id='' class='val_displayed' type='text' name='val_displayed' value='0353995' />
<input id='' class='train' type='checkbox' name='train' value='True'  />

所以我想做的是当用户使用类val_displayed更改文本输入中的值时，选中与类列相同的复选框。

这是提示它不起作用的小提琴手：http://jsfiddle.net/starcraft04/rQ5Gn/

谢谢，

约翰。

Answer 1

您有语法错误

$(document).ready(function () {
    //missing () after function below
    $('.val_displayed').on('change', function () {
        alert(this.value)
        $(this).next('input[name="train"]').prop('checked', true);
    });
});

演示：Fiddle

Answer 2

您还可以使用键盘和粘贴功能来检测更改失焦之前的变化

改编自Arun P Johny的帖子https://stackoverflow.com/a/22108438/2167896

$(document).ready(function () {
    //missing () after function below
    $('.val_displayed').on('change keyup paste', function () {
        alert(this.value);
        $(this).next('input[name="train"]').prop('checked', true);
    });
});

如何在输入框中更改文本时添加操作

2 个答案: