Jquery 修改表单时更改类

因此，我一直在查看我能收集到的所有信息，并得出以下代码：

$('form :input').change(function () {
  $('.save-changes').removeClass('btn-default').addClass('btn-warning');
});

我试图做的是检测整个表单中的任何更改，并更改按钮的类，以提醒用户在更改实际生效之前需要单击“保存更改”

不幸的是，作为jQuery的新手，我似乎不明白为什么我的代码不能工作。任何帮助都将不胜感激

下面是按钮的HTML（但我怀疑问题是否存在）：

保存更改

哦，我将jQuery直接放在

标记之间的页面源代码中

---

根据请求，我创建了一个JSFIDLE:

您实际上只需要在一个document ready事件中执行此操作，它就可以工作了

$(function() {
$('form :input').change(function () {
    $('.save-changes').removeClass('btn-default').addClass('btn-warning');
});
});

---

更新的fiddle:

请创建一个JSFIDLE？请参阅更新的问题^。这里是最新的小提琴谢谢！那帮了大忙！成功了！我还将jQuery包含在

$（document.ready

中，并在阅读后将所有脚本移到

标记之前，这样做更好。

$(function() {
$('form :input').change(function () {
    $('.save-changes').removeClass('btn-default').addClass('btn-warning');
});
});