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)点击“重置”