zoukankan      html  css  js  c++  java
  • 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的方法,那么也是可以实现的

  • 相关阅读:
    最长递增长度 (最长上升子序列)
    完全背包问题
    vue中使用el-tabs组件遇到的问题
    ORACLE中排序的时候空值处理
    ORA-01089数据库无法正常关闭
    Oracle中的LPAD和RPAD的使用
    Oracle中Translate函数的使用
    通过对照表快速建view
    Oracle数据库create or replace
    打字网站
  • 原文地址:https://www.cnblogs.com/xiufengchen/p/10437314.html
Copyright © 2011-2022 走看看