基于bootstrap的按钮-隐藏案例

实现的效果:

应用于修改昵称,单击修改变成下面的界面并隐藏修改按钮,按取消会恢复

代码:

                     <div class="row"><div class="col-sm-2">昵称：${SESSION_USER.alias }</div><div id="demo" class="collapse col-sm-4"><input type="text" id="newnc"><button οnclick="changenc()">确定</button><button href="#demo" data-toggle="collapse" οnclick="huifu()">取消</button></div><div class=" col-sm-2"><a href="#demo" data-toggle="collapse"><button  class="bt">修改</button></a></div></div>

js:

     $(function() {      $(".bt").click(function(){$(".bt").hide();});});function huifu(){$(".bt").show();}function changenc(){//点击确定的代码,修改昵称后刷新本页面var newnc = document.getElementById("newnc").value;$.post(' ${cp}/user/changenc',  {newnc:newnc}, function(data) {if (data.code == 1) {window.location.href = '${cp}/home';} else {show(data.msg);}});}

基于bootstrap的按钮-隐藏案例相关推荐

基于BootStrap仿淘宝星星商品评价案例
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
BootStrap的介绍与案例使用
BootStrap的介绍与案例使用 1.案例一:使用Bootstrap重写网站首页 1.1案例介绍本案例使用Boot ...
Bootstrap 快速人门案例——前端最火的插件
今天,我给小白们分享一下比较流行的Bootstrap框架,它在工作中得到许多公司的青睐,因此对于升职和加薪很重要.同时,我们可以快速完成开发任务,减少发开周期,有不对的地方望大家指正. 如果你想走的更 ...
C#开发微信门户及应用(46)-基于Bootstrap的微信门户应用管理系统功能介绍
在前面介绍很多的微信框架,基本上都采用EasyUI的界面来搭建的微信框架,如随笔<C#开发微信门户及应用(8)-微信门户应用管理系统功能介绍>介绍的一样,不过随着微信的H5应用越来越多,因 ...
bootstrap制作导航条案例
bootstrap制作导航条案例 <!DOCTYPE html> <html lang="en"> <head><meta charset ...
AngularJS基于MVC的复杂操作案例
AngularJS基于MVC的复杂操作案例 <!DOCTYPE html> <html><head><meta charset="UTF-8&quo ...
2017年最新基于Bootstrap 4 的专业、多用途响应式布局的系统模板
本文分享一款2017年最新的2017年最新基于Bootstrap 4 的专业.多用途响应式布局的系统模板,该模板是一款强大并且非常灵活的后台管理系统模板:能适应绝大多数的web应用程序开发,比如:AP ...
Adobe Edge Animate --异步条件加载框架（yepnop）：加载bootstrap之按钮、进度条、菜单效果
Adobe Edge Animate --异步条件加载框架(yepnop):加载bootstrap之按钮.进度条.菜单效果版权声明: 原文地址: http://www.cnblogs.com/ado ...
SSM框架基于Bootstrap fileinput 实现文件上传功能
SSM框架基于Bootstrap fileinput 实现文件上传功能 pom.xml文件的配置想要实现SSM框架实现多文件上传,必要的jar包必须要在pom.xml文件中引入.如下: <! ...

基于bootstrap的按钮-隐藏案例

基于bootstrap的按钮-隐藏案例相关推荐

最新文章

热门文章

基于bootstrap的 按钮-隐藏 案例

基于bootstrap的 按钮-隐藏 案例相关推荐

最新文章

热门文章

基于bootstrap的按钮-隐藏案例

基于bootstrap的按钮-隐藏案例相关推荐