js和jquery设置disabled属性为true使按钮失效
设置disabled属性为true即为不可用状态。
JS
document.getElementByIdx("btn").disabled=true;
jquery
$("#btn").attr("disabled", true);
html
<input type="button" value="提交" id="btn">
相关推荐
-
JS组件Bootstrap按钮组与下拉按钮详解
本文先为大家分享按钮组的使用方法,具体内容如下 一.按钮组(Button Groups) 1.单个按钮组 用.btn-group封装多个带.btn的<button> <div class="btn-group"> <button class="btn">1</button> <button class="btn">2</button> <button class=&qu
-
xmlplus组件设计系列之列表(4)
列表组件是极其常用的一类组件,是许多视图组件系统的必须包含的.列表可以做的很简单,只显示简洁的内容.列表也可以做的很复杂,用于展示非常丰富的内容. 组成元素 列表离不开列表项以及包含列表项的容器.下面是最简单的列表组件,它包含一个列表项组件 Item 以及一个列表项容器组件 List. Item: { xml: "<li id='item'/>" }, List: { xml: "<ul id='list'/>" } 此列表组件尽管简单,但所
-
纯js实现悬浮按钮组件
先上效果 下面附上代码 使用方式很简单只需要 在页面引入这段js 即可 $(()=> { let param = { tag: true, num: 1, ele: document.createElement('div'), icon: '', homeIcon: '', moreIcon: '', personalIcon: '', closeIcon: '', distance: '500', css: "position:fixed;" + "bott
-
js点击button按钮跳转到另一个新页面
点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢? 这样的效果可以:onclick="window.location='新页面'" 来实现. 1.在原来的窗体中直接跳转用 代码如下 window.location.href="你所要跳转的页面"; 2.在新窗体中打开页面用: 代码如下 window.open('你所要跳转的页面'); window.hist
-
JavaScript给按钮绑定点击事件(onclick)的方法
本文实例讲述了JavaScript给按钮绑定点击事件(onclick)的方法.分享给大家供大家参考.具体分析如下: 我们可以通过设定按钮的onclick属性来给按钮绑定onclick事件 <!DOCTYPE html> <html> <head> <script> function displayDate() { document.getElementById("demo").innerHTML=Date(); } </script
-
xmlplus组件设计系列之按钮(2)
除了图标以外,按钮也许是最简单的组件了,现在来看看如何定义按钮组件. 使用原生按钮组件 在 xmlplus 中,HTML 元素也以组件的方式存在.所以,你可以直接通过使用 button 标签或者 input 标签来使用按钮组件.如下示例所示: Example: { xml: "<div id='example'>\ <button>Default</button>\ <input type='submit'>Primary</input>
-
js和jquery使按钮失效为不可用状态的方法
设置disabled属性为true即为不可用状态. JS: 复制代码 代码如下: document.getElementByIdx("btn").disabled=true; jquery 复制代码 代码如下: $("#btn").attr("disabled", true); html: 复制代码 代码如下: <input type="button" value="提交" id="btn&
-
js和jquery设置disabled属性为true使按钮失效
设置disabled属性为true即为不可用状态. JS document.getElementByIdx("btn").disabled=true; jquery $("#btn").attr("disabled", true); html <input type="button" value="提交" id="btn">
-
使用jQuery设置disabled属性与移除disabled属性
表单中readOnly和disabled的区别: Readonly只针对input(text/ password)和textarea有效,而disabled对于所有的表单元素都有效,包括select,radio, checkbox, button等. 但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去,而readonly会将该值传递出去(这种情况出现在我们将某个表单中的textarea元素设置为disabled或readonly,但是
-
js和jQuery设置Opacity半透明 兼容IE6
1.css设置透明度 透明度在IE浏览器和其他相关浏览器中的设置方法是不一样的,IE使用滤镜filter的alpha属性,firefox和其它浏览器不支持滤镜,它们使用opactiy属性设置透明度,下面示例设置透明度为30%: IE:filter: alpha(opacity:30): firefox:opacity(0.3): 2.使用js设置透明度 为了兼容IE与其他浏览器对透明度的设置,我们需要对以上两种样式分别进行设置.下面是一段示例代码: 复制代码 代码如下: var alpha =
-
jQuery 设置 CSS 属性示例介绍
设置 CSS 属性 如需设置指定的 CSS 属性,请使用如下语法: 复制代码 代码如下: css("propertyname","value"); 下面的例子将为所有匹配元素设置 background-color 值: 实例 复制代码 代码如下: $("p").css("background-color","yellow"); 设置多个 CSS 属性 如需设置多个 CSS 属性,请使用如下语法: 复制代码
-
js 获取和设置css3 属性值的实现方法
众多周知 CSS3 增加了很多属性,在读写的时候就没有原先那么方便了. 如: <div style="left:100px"></div> 只考虑行间样式的话,只需 div.style.left 就可获取,设置的时候也只需要 div.style.left='100px' 即可.很简单. 但是css3来了 如: <div style="-webkit-transform: translate(20px,-20px)"></di
-
JQuery设置和去除disabled属性的5种方法总结
复制代码 代码如下: //两种方法设置disabled属性 $('#areaSelect').attr("disabled",true); $('#areaSelect').attr("disabled","disabled"); //三种方法移除disabled属性 $('#areaSelect').attr("disabled",false); $('#areaSelect').removeAttr("disab
-
jquery设置元素的readonly和disabled的写法
Jquery的api中提供了对元素应用disabled和readonly属性的方法,在这里记录下.如下: 1.readonly 复制代码 代码如下: $('input').attr("readonly","readonly")//将input元素设置为readonly $('input').removeAttr("readonly");//去除input元素的readonly属性 if($('input').attr("readonly
-
详解jQuery设置内容和属性
一.设置内容以及回调函数 方法 text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 例子 $("#btn1").click(function(){ $("#test1").text("Hello world!"); });//设置文本内容 $("#btn2").click(function(){ $("#test2
-
jquery设置css样式的多种方法(总结)
设置css样式的多种方法总结,jquery <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> </style> </head> <body> <ul> <li>兄弟多个1</li&
随机推荐
- 正则表达式常用用法汇总
- 详解Java中super的几种用法并与this的区别
- js实现鼠标经过表格行变色的方法
- Delphi建立、读取、存贮INI文件的方法《一》
- Android Metro菜单实现思路及代码
- PHP定时任务延缓执行的实现
- JS中三目运算符和if else的区别分析与示例
- javascript原生和jquery库实现iframe自适应高度和宽度
- c#生成缩略图的实现方法
- Linux服务器nginx访问日志里出现大量http 400错误的请求分析
- 基于jquery的文字向上跑动类似跑马灯的效果
- linux入门教程 第2章 安装指南
- java解析excel文件的方法
- python将ansible配置转为json格式实例代码
- C#实现把彩色图片灰度化代码分享
- Java Swing中JDialog实现用户登陆UI示例
- java单链表逆序用法代码示例
- 浅谈AngularJS中$http服务的简单用法
- 玩转Koa之koa-router原理解析
- 微信小程序开发注意指南和优化实践(小结)