php重置按钮,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)点击“重置”

本文原创发布php中文网，转载请注明出处，感谢您的尊重！

php重置按钮,Bootstrap按钮功能之查询按钮和重置按钮相关推荐

java重置按钮功能函数_Bootstrap按钮功能之查询按钮和重置按钮
Bootstrap按钮功能之查询按钮和重置按钮 1.问题背景一般情况下,查询列表有查询条件.查询按钮和重置按钮,输入查询条件,点击查询按钮查询列表等数据:点击重置按钮会将查询条件恢复到原始状态 2. ...
如何给按钮加上链接功能
脚本说明: 把如下代码加入<body>区域中 <INPUT TYPE="submit" value="建站资源网" οnclick=" ...
E9表单按钮置灰功能与单元格自定义属性说明
1:表单单元格自定义按钮配置说明 1.1:选中需要设置按钮的单元格 1.2:设置单元格自定义属性鼠标右键====>设置自定义属性====>id.name.class 如下图: 1.3:插 ...
js实现点击按钮切换图片功能_☆*往事随風*☆的博客
文章目录前言一.DOM是什么? 二.对象的HTML DOM 树三.图片切换练习 1.要求 2.实现思路 3.示例代码 1.html示例代码如下: 2.css示例代码如下: 2.js示例代码如下: ...
fastadmin追加开始结束按钮,并实现功能
一.增加按钮目录:public/assets/js/backend/pim/test.js 样式: 代码(核心部分buttons:[ ]): {field: 'operate', title: __ ...
android升序降序按钮,创建一个按钮，将排序MYSQL查询升序和降序
我是一名学生编码器. 我想创建一个排序按钮,当按下时,按升序排序MYSQL查询.然后再次按下时,它将按降序排列.对,现在,它只是显示升序和降序表背靠背.创建一个按钮,将排序MYSQL查询升序和降序形 ...
vue 点击文字input_vue input实现点击按钮文字增删功能示例
本文实例讲述了vue input实现点击按钮文字增删功能.分享给大家供大家参考,具体如下: content="width=device-width, user-scalable=no, in ...
java表格点击添加按钮一行_JavaScript_JQuery实现动态表格点击按钮表格增加一行，功能实现：点击添加按钮，表 - phpStudy...
JQuery实现动态表格点击按钮表格增加一行功能实现:点击添加按钮,表格增加一行并给其name属性赋予的值,方便获取点击删除,自动删除这一行 JQuery中定义一个count变量 var coun ...
模拟JS触发按钮点击功能
模拟JS触发按钮点击功能 Html代码 <html> <head> <title>usually function</title> </hea ...

php重置按钮,Bootstrap按钮功能之查询按钮和重置按钮

php重置按钮,Bootstrap按钮功能之查询按钮和重置按钮相关推荐

最新文章

热门文章