javascript - 如何使jquery代码更简单

Question

目的是检测页面加载后输入值是否发生变化。

例如输入字段(19个字段)

<input type="text" name="date_day1" id="date_day1" value=" >
<input type="text" name="date_month1" id="date_month1" value=" >
<input type="text" name="date_year1" id="date_year1" value=" >
<input type="text" name="amount1" id="amount1" value=" >

然后像这样隐藏输入框

<input type="text" name="is_row_changed1" id="is_row_changed1" value="">
<script>

$("#date_day1").on("change", function () {
    document.getElementById('is_row_changed1').value = 1;
});

$("#date_month1").on("change", function () {
    document.getElementById('is_row_changed1').value = 1;
});

</script>

如果在任何输入字段(19 个字段)中的值发生更改，那么我需要在这个隐藏输入字段中反射(reflect)它(我决定将隐藏输入字段值设置为 1)。

在使用 php 的 ajax 之后，我检查隐藏的输入字段值是否为 1。如果为 1，则更新 mysql。目的是减少服务器资源的使用。

问题隐藏输入字段的 Javascript 代码会很长。可能有某种方法(代码)可以更短(更简单)？

Answer 1

向每个输入添加一个 row_changed 类，然后您可以通过一次调用将它们全部定位:

$(".row_changed").on("change", function () {
document.getElementById('is_row_changed1').value = 1;
});

(您还可以使用 QuickSilver 的注释进一步简化它。)