js与jquery设置disabled属性

禁用按钮防重复提交
最新推荐文章于 2023-05-16 19:12:13 发布
原创 最新推荐文章于 2023-05-16 19:12:13 发布 · 1.8w 阅读 · 5 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了一种防止网页表单中按钮被重复点击的方法，通过JavaScript和jQuery在按钮被点击后将其设为不可用状态，以此避免重复提交数据。

为了防止重复提交问题。在单击了一个button后，设置为diabled属性。

例如：<input type="button" id="test" value="test" onclick="test()"/>

那么在test方法里，在最后加一句：

document.getElementById("save").setAttribute("disabled", "disabled");   //这是JS方法；

$("#test").attr("disabled","true"); //Jquery方法

 

如果你要去掉diabled属性：

document.getElementById("save").removeAttribute("disabled");   //这是JS方法；

$("#test").attr("disabled",false); //Jquery方法

 

 

解决 jQuery 中 disabled 属性不起作用的编程问题
ByteJolt的博客
09-20 955
属性用于禁用一个元素，使其无法响应用户的交互操作。当一个元素被禁用时，用户无法对其进行点击、输入或其他操作。确保正确选中元素、处理动态加载的元素并注意 CSS 样式的覆盖，以便正确地禁用元素并防止用户交互。属性，元素仍然是可交互的。本文将详细介绍如何解决这个问题，并提供相应的源代码示例。属性来禁用表单元素或者其他交互元素，但有时候可能会遇到。，我们禁用了元素的交互操作并降低了其不透明度。在上面的代码中，我们使用 CSS 选择器。是要禁用的元素的选择器。在上面的代码中，我们使用。，从而禁用了该元素。
jquery 设置disabled与去掉disabled属性的方法
Java和大数据等相关的技术交流分享，欢迎关注交流
05-09 6176
jquery 设置disabled与去掉disabled属性的方法如下: //设置disabled属性的方法 $('#mytext').attr("disabled",true); $('#mytext').attr("disabled","disabled"); //移除disabled属性的方法 $('#mytext').attr("disabled",false); $('#myt...
disabled的使用
hcyhcyhcy_的博客
03-31 6717
disabled是布尔属性 对于布尔 attribute (它们只要存在就意味着值为 true) 这个属性在html中，只要出现disabled，那么就会禁用 在js中可以控制 HTML中都禁用 <p>Last name: <input type="text" name="lname" disabled="disabled" /></p> <p>Last name: <input type="text" name="lname" di
JQUERY设置disabled
甲壳
04-09 165
&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="file:///F|/
用jquery判断文本框的disabled属性
优快云 记录 “ 美好生活 ”
08-08 763
用prop()方法: if（$(#btn).prop(“disabled”)==true）{//如果按钮是不可用的 xxxxx }
使用jQuery设置disabled属性与移除disabled属性
12-10
// 设置disabled属性 $('#areaSelect').attr('disabled', true); $('#areaSelect').attr('disabled', 'disabled'); // 移除disabled属性 $('#areaSelect').attr('disabled', false); $('#areaSelect').removeAttr('...
js和jquery设置disabled属性为true使按钮失效
12-12
设置disabled属性为true即为不可用状态。 JS document.getElementByIdx("btn").disabled=true; jquery $("#btn").attr("disabled", true); html <input type="button" value="提交" id="btn">
jquery操作checked属性以及disabled属性的多种方法
10-25
### Jquery操作checked属性以及disabled属性的多种方法 #### 知识点概述： 本文主要介绍如何使用jQuery来操作HTML元素中的`checked`属性和`disabled`属性。在HTML中，`checked`属性通常用在单选按钮（radio）和复...
jquery 设置 disabled属性
weixin_33721344的博客
01-17 210
if(eval("form1.Scids"+i).value!=''){ $('#ID_ProNo'+i).attr('disabled',true); }else{ $('#ID_ProNo'+i).attr('disabled',false); } if(eval("form1.Scids"+i).value!=''){ document....
使用jQuery设置disabled属性
心若无尘
08-07 1633
表单中readOnly和disabled的区别：     Readonly只针对input(text/ password)和textarea有效，而disabled对于所有的表单元素都有效，包括select,radio, checkbox, button等。 但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonly
jQuery设置disabled属性
weixin_33804582的博客
09-19 156
先比较下readOnly和disabled： 　　readOnly 只针对input(text/ password)和textarea有效； 　　disabled 对于所有的表单元素都有效，包括select,radio, checkbox, button等。 　　但是表单元素在使用了disabled后，当我们将表单以POST或GET的方式提交的话，这个元素的值不会被传递出去，而readonl...
jquery disable按钮（启用、禁用按钮）
热门推荐
wangjun5159的专栏
08-14 8万+
启用按钮： $("#id").attr("disabled","disabled"); 禁用按钮： $("#id").$("#id").removeAttr("disabled");
js disabled属性添加删除
xiansibao的博客
04-04 4114
/两种方法设置disabled属性 $('#areaSelect').attr("disabled",true);//三种方法移除disabled属性 $('#areaSelect').attr("disabled",false);
jquery判断按钮的disabled属性
☆╮123☆
05-20 2677
//设置按钮不可用，背景为灰色 $('#btnSave').css('background', '#BFBFBF').prop("disabled", true); if ($('#btnSave').prop("disabled") == true) { layer.msg('正在提交，请稍候……', { time: 1000 }); return; } ...
js控制控件的disable
YANGZHONGBAO411的专栏
05-27 2475
document.getElementById("").disabled =!"true";document.getElementById("").disabled ="false";
Js只读（readOnly）和禁用（disabled）
是个非常热爱生活、乐观、奋斗、努力的逗比青年
05-16 5863
只读和禁用属性，其实只要掌握一种，就会第二种，两种方法一样，就是属性变了一下！
js/jquery设置属性disabled
nickfover的专栏
11-15 195
$('#my').attr('disabled',false)
jQuery的disabled属性设置的三种方法
羽裳醉月的博客
06-04 9317
$(document).ready(function () { // 1．移除disabled属性 $("input[id='txtInput_1']").Attr("disabled", "disabled"); $("input[id='txtInput_1']").removeAttr("disabled"); // 2．改变disabled的boolean值 $("input[id='txtInput_2']").Attr("disabled", true); $("input[id=
js 动态添加 disabled 属性
qq_21840153的博客
09-02 5554
写自定义目录标题) 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高亮样式 进行
jquery获取disabled属性
05-23
可以使用 jQuery 的 `prop()` 方法获取元素的 `disabled` 属性值，示例代码如下： ```javascript var isDisabled = $('#myElement').prop('disabled'); console.log(isDisabled); ``` 其中，`#myElement` 是你想要...
评论 2
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值