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按钮功能之查询按钮和重置按钮相关推荐

  1. Node.js 功能函数

    Node.js 功能函数Node.js 功能函数Node.js 功能函数Node.js 功能函数Node.js 功能函数Node.js 功能函数 最近在项目中经常用到的一些JavaScript fun ...

  2. vue2项目中按钮实现防抖、节流功能,包含封装代码以及使用

    1. 描述: 本文章是在vue2项目中对防抖 节流函数进行封装,在项目按钮中使用的实际应用. ,哪里有写的不太清楚或者有错的请各位大佬指正.留言:如果对您有所帮助,希望点赞给予支持和鼓励. 2. .v ...

  3. java poi 导出中利用sum函数实现合计功能

    java poi 导出中利用sum函数实现合计功能 之前也写过导出功能但是没有写过合计.所以记录下来当做笔记. for(int i = 0; i < arrSize; i++) {JSONObj ...

  4. 【web前端特效源码】Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果~手把手教学~适合初学者~超简单~

    b站视频演示效果: [web前端特效源码]Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果!手把手教学! 效果图: 完整代码: & ...

  5. 如何使用html实现在线秒表,使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)...

    效果图展示,感觉不错可以参考实例代码. 具体代码如下所示: Document 00:00:00:00 开始 暂停 继续 重置 //定义一个变量,根据定时器每秒执行一次,每次执行++自增操作,变量存储的 ...

  6. html计时器重置,使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)...

    效果图展示,感觉不错可以参考实例代码. 具体代码如下所示: Document 00:00:00:00 开始 暂停 继续 重置 //定义一个变量,根据定时器每秒执行一次,每次执行++自增操作,变量存储的 ...

  7. Java发送邮箱验证码、session校验功能

    本篇主要描述"发送邮箱验证码.session校验"相关前(htmljs)后(java)台代码,业务逻辑示例,闲话少诉,直接上代码. 1.引入的jar包是mail-1.4.jar 2 ...

  8. 图形界面 I: 用于表单按钮的函数与删除界面元素 (第四章)

    目录 简介 表单按钮的函数 删除界面元件 结论 简介 本文是关于图形界面系列文章第一部分的续篇. 第一篇文章图形界面 I: 库结构的准备工作 (第一章) 详细解释了库的目标. 在每章末尾会有第一部分文 ...

  9. Python中TKinter的输入框如何绑定回车键事件调用功能函数

    Python中TKinter的输入框如何绑定回车键事件调用功能函数 TKinter中的Entry输入框,与普通的按钮类型有所不同,没有command的属性来直接调用一个函数功能,所以,如果要通过键盘按 ...

最新文章

  1. vscode提交代码
  2. 最新DynamipsGUI2.8[模拟器]发布!(中文版-英文版下载)
  3. 《高性能科学与工程计算》——3.7 习题
  4. 聊聊JS与设计模式之(工厂Factory)篇------(麦当劳的故事)
  5. css3实现烟花效果,CSS3 带颤动效果的简易烟花动效
  6. 【项目管理】敏捷宣言
  7. at24c16如何划分出多个读写区_读写AT24C02,并用1602显示
  8. 中小企业项目的痛VS感人IT团队
  9. [渝粤教育] 西南科技大学 农业推广学 在线考试复习资料
  10. mysql 优化配置参数(my.cnf)
  11. scala学习笔记一------初步了解scala
  12. iovec结构体定义及使用 (转)
  13. 【python练习题01】字符串格式化输出
  14. Centos7完全卸载MySQL 安装 启动
  15. 自学结构体(小甲鱼c语言)
  16. Android 蓝牙开发 BLE(低功耗) 摩拜单车共享汽车开门实例
  17. 每天一个命令:ps命令
  18. learn-motrix and 百度网盘
  19. 比赛报名 | 2019AIIA杯电梯调度算法大赛正式启动
  20. 一款功能强大且专业好用的CAD图形创建工——corelcad 2021

热门文章

  1. 又一本宝藏级Python教程,清华大学监制出版,附电子版!
  2. 笔试逻辑智力题数列找规律小结
  3. httpclient动态代理ip
  4. C语言课程设计-满分作业
  5. C语言课程设计 管理系统
  6. WEB基础与前端开发--课程表页面的设计
  7. 如何设置XP操作系统自动登录-原动力-搜狐博客
  8. 防火墙技术之----包过滤(Packet Filter)
  9. 阿里云服务器域名备案全过程详细讲解
  10. 细说;(function ($, undefined){ })(jQuery); 的使用