JQuery禁止按钮

$("#contractInputSaveBtn").button('option','disabled',true);
				$("#contractResourceSelect_SearchBtn").button('option','disabled',false);


$("#contractZiXiang_EditBtn").attr("disabled", true);


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要使用jQuery禁用textarea输入,可以使用`.prop()`方法改变元素的状态,并结合`.val()`方法设置文本区域的值。下面是一个简单的示例说明如何通过jQuery禁用一个textarea: ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Disable Textarea with jQuery</title> <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script> <style> .disable-input { background-color: #ddd; cursor: not-allowed; } </style> </head> <body> <textarea id="myTextarea" rows="4" cols="50">这是未被禁用的 textarea 输入框。</textarea> <button onclick="disableInput()">点击禁止输入</button> <script> function disableInput() { $('#myTextarea').prop('disabled', true).addClass('disable-input'); // 设置 textarea 的值为空字符串,以使其失去焦点并阻止输入。 $('#myTextarea').val(''); } // 添加一个事件监听器来恢复 textarea 的默认状态(如果需要) $(document).ready(function () { // 这里可以根据需要添加恢复功能的代码 }); </script> </body> </html> ``` ### 示例解析 1. **HTML 结构**: - 创建了一个包含`id='myTextarea'`属性的`<textarea>`元素。 - 按钮用于触发禁用操作。 2. **CSS**: - `.disable-input` 类更改了 textarea 的背景颜色并更改为不可交互的样式。 3. **JavaScript**: - `disableInput` 函数: - 使用 `$('#myTextarea').prop('disabled', true)` 禁用 textarea。 - 使用 `$('#myTextarea').val('')` 将 textarea 的值清空,使得用户无法再次输入。 - 并应用 `.addClass('disable-input')` 来修改样式。 4. **事件处理**: - 当页面加载完成时,可以添加额外的代码来控制是否允许再次编辑 textarea。 以上代码展示了如何通过jQuery简单地禁用一个文本区域输入。你可以根据需要调整CSS样式、函数的逻辑或是添加更多的事件处理机制。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值