Bootstrap按钮功能之查询按钮和重置按钮
1、问题背景
一般情况下，查询列表有查询条件、查询按钮和重置按钮，输入查询条件，点击查询按钮查询列表等数据；点击重置按钮会将查询条件恢复到原始状态
2、实现源码
Bootstrap-查询按钮和重置按钮
$(document).ready(function(){
//查询按钮事件
$("#searchBtn").off().on("click",function(){
var stuNo = $("#stuNo").val();
var stuName = $("#stuName").val();
alert("学生学号："+stuNo+"\n学生姓名："+stuName);
console.info(stuNo+"\n"+stuName);
});
//重置按钮事件
$("#resetBtn").off().on("click",function(){
$("#stuNo").val("");
$("#stuName").val("");
});
});
查询
重置
3、实现结果
(1)初始化
(2)输入查询条件点击“查询”
(3)点击“重置”
以上所述是小编给大家介绍的Bootstrap按钮功能之查询按钮和重置按钮，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
如果觉得《java重置按钮功能函数_Bootstrap按钮功能之查询按钮和重置按钮》对你有帮助，请点赞、收藏，并留下你的观点哦！
