Question

所以我一直在查看我可以收集的所有信息，并提出以下代码：

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

我尝试做的是检测整个表单中的任何更改，并更改按钮的类以提醒用户他们需要点击＆＃34;保存更改＆＃34 ;在更改实际生效之前。

不幸的是，作为jQuery的新手，我似乎无法弄清楚为什么我的代码不起作用。任何帮助将非常感谢！

这里是按钮的HTML（但我怀疑问题在于那里）：

<button type="submit" class="btn btn-default full-width save-changes" value="submit">Save changes</button>

哦，我把jQuery直接放在<script>标签之间的页面源代码中。

根据要求，我创建了一个JSFiddle：https://jsfiddle.net/eg8a5x37/1/

Answer 1

您只需要在文档就绪事件中执行此操作即可。

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