java重置按钮功能函数_Bootstrap按钮功能之查询按钮和重置按钮
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按钮功能之查询按钮和重置按钮相关推荐
- Node.js 功能函数
Node.js 功能函数Node.js 功能函数Node.js 功能函数Node.js 功能函数Node.js 功能函数Node.js 功能函数 最近在项目中经常用到的一些JavaScript fun ...
- vue2项目中按钮实现防抖、节流功能,包含封装代码以及使用
1. 描述: 本文章是在vue2项目中对防抖 节流函数进行封装,在项目按钮中使用的实际应用. ,哪里有写的不太清楚或者有错的请各位大佬指正.留言:如果对您有所帮助,希望点赞给予支持和鼓励. 2. .v ...
- java poi 导出中利用sum函数实现合计功能
java poi 导出中利用sum函数实现合计功能 之前也写过导出功能但是没有写过合计.所以记录下来当做笔记. for(int i = 0; i < arrSize; i++) {JSONObj ...
- 【web前端特效源码】Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果~手把手教学~适合初学者~超简单~
b站视频演示效果: [web前端特效源码]Html5+css3+JavaScript实现计算器2功能+新拟态新拟物风格(Neumorphism)网页图标按钮效果!手把手教学! 效果图: 完整代码: & ...
- 如何使用html实现在线秒表,使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)...
效果图展示,感觉不错可以参考实例代码. 具体代码如下所示: Document 00:00:00:00 开始 暂停 继续 重置 //定义一个变量,根据定时器每秒执行一次,每次执行++自增操作,变量存储的 ...
- html计时器重置,使用JavaScript实现网页秒表功能(含开始、暂停、继续、重置功能)...
效果图展示,感觉不错可以参考实例代码. 具体代码如下所示: Document 00:00:00:00 开始 暂停 继续 重置 //定义一个变量,根据定时器每秒执行一次,每次执行++自增操作,变量存储的 ...
- Java发送邮箱验证码、session校验功能
本篇主要描述"发送邮箱验证码.session校验"相关前(htmljs)后(java)台代码,业务逻辑示例,闲话少诉,直接上代码. 1.引入的jar包是mail-1.4.jar 2 ...
- 图形界面 I: 用于表单按钮的函数与删除界面元素 (第四章)
目录 简介 表单按钮的函数 删除界面元件 结论 简介 本文是关于图形界面系列文章第一部分的续篇. 第一篇文章图形界面 I: 库结构的准备工作 (第一章) 详细解释了库的目标. 在每章末尾会有第一部分文 ...
- Python中TKinter的输入框如何绑定回车键事件调用功能函数
Python中TKinter的输入框如何绑定回车键事件调用功能函数 TKinter中的Entry输入框,与普通的按钮类型有所不同,没有command的属性来直接调用一个函数功能,所以,如果要通过键盘按 ...
最新文章
- vscode提交代码
- 最新DynamipsGUI2.8[模拟器]发布!(中文版-英文版下载)
- 《高性能科学与工程计算》——3.7 习题
- 聊聊JS与设计模式之(工厂Factory)篇------(麦当劳的故事)
- css3实现烟花效果,CSS3 带颤动效果的简易烟花动效
- 【项目管理】敏捷宣言
- at24c16如何划分出多个读写区_读写AT24C02,并用1602显示
- 中小企业项目的痛VS感人IT团队
- [渝粤教育] 西南科技大学 农业推广学 在线考试复习资料
- mysql 优化配置参数(my.cnf)
- scala学习笔记一------初步了解scala
- iovec结构体定义及使用 (转)
- 【python练习题01】字符串格式化输出
- Centos7完全卸载MySQL 安装 启动
- 自学结构体(小甲鱼c语言)
- Android 蓝牙开发 BLE(低功耗) 摩拜单车共享汽车开门实例
- 每天一个命令:ps命令
- learn-motrix and 百度网盘
- 比赛报名 | 2019AIIA杯电梯调度算法大赛正式启动
- 一款功能强大且专业好用的CAD图形创建工——corelcad 2021