bootstrap表单控件_maxchenBug的博客-程序员秘密

bootstrap表单控件

禁用状态:

被禁用的 fieldset

<fieldset> 设置 disabled 属性,可以禁用 <fieldset> 中包含的所有控件。

<form>
  <fieldset disabled>
    <div class="form-group">
      <label for="disabledTextInput">Disabled input</label>
      <input type="text" id="disabledTextInput" class="form-control" placeholder="Disabled input">
    </div>
    <div class="form-group">
      <label for="disabledSelect">Disabled select menu</label>
      <select id="disabledSelect" class="form-control">
        <option>Disabled select</option>
      </select>
    </div>
    <div class="checkbox">
      <label>
        <input type="checkbox"> Can't check this
      </label>
    </div>
    <button type="submit" class="btn btn-primary">Submit</button>
  </fieldset>
</form>

这是个整体案例

单个案例只需要添加disable就可以了

 <button type="submit" class="btn btn-default" disabled>Submit</button>

使用点击事件进行:

 <button type="submit" class="btn btn-default btnclick" >Submit</button>
  $(function () {



        //index()会返回当前元素在所有兄弟元素里面的索引。
        $(".btnclick").click(function () {
            $(".btnclick").attr("disabled",true);
        });


    });

这样,在前端,点击之后是不可以再次重复点击

 

给按钮添加点击事件的两种方式:

/*  $(function () {



        //index()会返回当前元素在所有兄弟元素里面的索引。
        $(".btnclick").click(function () {
            $(".btnclick").attr("disabled",true);
        });


    });*/
function clickbtn() {
      $(".btnclick").attr("disabled",true);

  }

给按钮添加一个clickbtn的方法,那么也是可以实现的

 

posted @ 2019-02-26 14:50 动手的程序员 阅读( ...) 评论( ...) 编辑 收藏
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/maxchenBug/article/details/88153825

智能推荐

机器人技术(6)AtdRobot语音控制教程_者也之乎的博客-程序员秘密

1 语音识别模块介绍(Xu, Chen et al. 2016)       上一章节我们介绍了如何用无线手柄控制我们的机器人底盘运动。除了手柄的遥控控制,实际使用过程中,我们还有用语音控制机器人底盘运动的需求。因此,我们在机器人底盘中内置了语音识别模块。     本系统争对机器人语音控制内置了四条控制指令:前进,后退,左转,右转。在每条指令被识别后,机器人将会分别回复:我将前进,我将

黑马程序员—Java学习笔记之集合框架(二)_书生流年的博客-程序员秘密

------Java培训、Android培训、iOS培训、.Net培训、期待与您交流! -------一 Set接口Set是Collection子接口,Set接口中的方法和Collection中方法一致的。Set接口取出方式只有一种,迭代器。注意:Set不循序包含重复的元素,也就是元素唯一。|--HashSet:底层数据结构是哈希表,线程是不同步的。无序,高效;    

爱美食android源代码,爱料理app下载_weixin_39720516的博客-程序员秘密

爱料理app一款美食类app,喜欢吃美食,喜欢做美食的朋友不要错过,集合全台湾30000多款独特料理,马上变身美食达人,内容详尽,爱做菜的你赶紧get起来吧!软件介绍:在爱料理App这里您可以寻找喜爱的菜谱、骄傲分享自己的菜谱、认识和您一样喜爱料理的朋友。来自台湾的食谱应用,小编看了一下,热门里好像甜点比较多一些,不知道是不是和时间挂钩的比较多。全台最大的菜谱分享社群,收藏34,000道以上的菜谱...

NET MVC全局异常处理(一) 【转载】网站遭遇DDoS攻击怎么办 使用 HttpRequester 更方便的发起 HTTP 请求 C#文件流。 Url的Base64编码以及解码 C#计..._anmei1912的博客-程序员秘密

NET MVC全局异常处理(一)目录.NET MVC全局异常处理IIS配置静态错误页配置.NET错误页配置程序设置全局异常配置.NET MVC全局异常处理一直知道有.NET有相关的配置,但没有实际做过,以为改下设定就可以,结果实际使用的时候还是遇到不少问题,所以要记录一下。I...

大厂面试题:说一说Redis的过期淘汰策略_程序员资料站的博客-程序员秘密

前言我们经常用redis来当缓存使用,既然是缓存,就有过期时间,否则就有可能数据更新不及时,造成脏数据的现象,本文我们来学习下redis的过期淘汰策略。Redis的性能Redis有两种使用场景,一种是作为DB(数据库)使用,一种是当做缓存使用。关于Redis的性能,我们来看一下官方数据:读:110000次/s写:81000次/s长期使用,key会不断增加,Redis作为缓存使用,物理内存也会满。如果物理内存满了之后,内存就需要与硬盘交换(swap) ,就是需要我们常说的虚拟内存 ,频繁IO

后台管理系统简单布局_栀夏的博客-程序员秘密

写后台管理系统左侧栏不动,右侧随意放大缩小效果图:html部分:&lt;div class="box"&gt; &lt;div class="top"&gt;&lt;/div&gt; &lt;div class="min"&gt; &lt;div class="min_left"&gt;&lt;/div&gt; ...

随便推点

spring cloud eureka(服务注册中心)_lingengy的博客-程序员秘密

一、spring cloud服务注册中心1、首先是pom文件,以下都是是使用spring cloud必须配置的内容。&amp;lt;project xmlns=&amp;quot;http://maven.apache.org/POM/4.0.0&amp;quot; xmlns:xsi=&amp;quot;http://www.w3.org/2001/XMLSchema-instance&amp;quot; xsi:schemaLocation=&amp;quot;http://maven.a

Linux通用GPIO驱动写法与应用_道一23的博客-程序员秘密_gpio驱动 linux

Linux通用GPIO驱动写法与应用1. 说明在Linux中,可以对GPIO进行相关的控制,具体的做法就是利用字符设备驱动程序对相关的gpio进行控制。由于操作系统的限制,在Linux上又无法直接在应用程序的层面上对底层的硬件进行操作。本文主要通过一个点亮红外灯的实例,再次理解Linux下的应用程序与驱动程序的交互,同时加深驱动程序编写流程的理解。2.方法一:采用通用sysfs文件系统的方式这种方式是利用内核配置sysfs文件系统这种方式是将gpio映射到sysfs文件系统中,也就是操作/sys

CSS常用知识点_杰无忌的博客-程序员秘密

1 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin2 box-sizing属性?用来控制元素的盒子模型的解析模式,默认为content-boxcontext-box:W3C的标准盒子模型,设置元素的 height/width 属性指的是content部分的高/宽borde

HTML入门之基本标签_木偶☜的博客-程序员秘密

html全称(Hypetext markup Language):超文本标注语言超文本:网页中除文本外,包含视频,图片,音频,超链接,表格,列表等标注也就所谓:记号,标志标记语言:指标签结合而成的语言&lt;&gt;当然语言主要有:java.python.程序语言(也就是代码)HTML:编写网页的标准浏览器可以识别的语言只有Html语言`网页的基本结构:&lt;html&gt; ...

KVM 虚拟机 console 登录-Centos7.6_大鹅i的博客-程序员秘密_kvm 登录虚拟机

1、CentOS 7.X 版本 console 登录1、配置 console 登录- 在 需要连接的虚拟机内部操作 (该操作仅限 centos7):进入虚拟机的方式我就不多说了可以通过ssh方式,vnc,或者virt-manager 这三种方式[[email protected] ~]# grubby --update-kernel=ALL --args="console=ttyS0,115200n8"[[email protected] ~]# reboot #重启生效##115200n8:能显示虚拟机的启动过程设

Leecode-2 两数相加(链表)_*Summer的博客-程序员秘密

题目描述给你两个 非空 的链表,表示两个非负的整数。它们每位数字都是按照 逆序 的方式存储的,并且每个节点只能存储 一位 数字。请你将两个数相加,并以相同形式返回一个表示和的链表。你可以假设除了数字 0 之外,这两个数都不会以 0 开头。示例 2:输入:l1 = [0], l2 = [0]输出:[0]示例 3:输入:l1 = [9,9,9,9,9,9,9], l2 = [9,9,9,9]输出:[8,9,9,9,0,0,0,1]提示:1. 每个链表中的节点数在范围 [1, 100] 内

推荐文章

热门文章

相关标签