我有一个返回项目列表的搜索页面。您可以在页面上运行新搜索。我有一个功能,可以使用简单的表单保存您刚刚运行的搜索。该表单也有一个提交按钮。
如果用户搜索某些内容然后保存搜索,我想禁用保存搜索表单上的按钮,直到他们运行新的搜索。
任何人都有类似的东西,我可以从如何实现这一点获得想法吗?我可以运行纯js,jQuery或相关的bootstrap,如果这有助于获取任何想法。
我不是专家,所以我通过实例学习得最好。
答案 0 :(得分:0)
就像Fiddle
之后的简短示例一样$("#save").click(function () {
$("#submit").unbind("click");
});
$("#submit").click(submit);
$("#search").click(function () {
$("#submit").bind("click", function () {
submit();
});
});
function submit() {
alert("Submit");
}
HTML
<input id="save" value="Save" type="submit" />
<input id="submit" value="Submit" type="submit" />
<input id="search" value="Search" type="submit" />
这只是一种使用jQuery函数bind()和unbind()的方法 - 如果点击save
,submit()
- 函数将从click
中删除 - submit
的事件。如果点击search
,则submit()
- 功能会再次绑定到submit
- 按钮。