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)点击“重置”
本文原创发布php中文网,转载请注明出处,感谢您的尊重!