根据条件判断按钮是否禁用

最新推荐文章于 2023-04-17 17:46:51 发布
最新推荐文章于 2023-04-17 17:46:51 发布
阅读量2.2k 收藏 2
点赞数 1
文章标签： javascript jquery 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hxl200209/article/details/121805481
版权

今天给大家分享的是根据所选数据的条件来设置按钮的是否🈲用

效果如下图

如果选中的数据的状态是在借，那么就会禁用超期的按钮

这个表格是用来layui渲染出来的，先得引用layui插件

然后就是获取点击行数据

然后在获取选中数据状态的id，用我们刚刚获取的状态id写判断语句

然后通过按钮的id选择到按钮再通过addclass和removeclass还有attr添加属性的方法给按钮添加或者移除类和属性来实现

L UFEI
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据一个属性判断当前按钮的状态是否禁用
m0_56331789的博客
12-23 453
根据一个属性判断当前按钮的状态是否禁用
jquery禁用服务端按钮
code旅行者的专栏
12-20 1031
$.ajax({                     type: "post",                     url: "Ashx/CheckLoginName.ashx",                     data: { "loginName": $loginName },                     success: function (res) {
根据数据库里面字段的状态值对应不同的按钮
haofeng88885678的专栏
10-19 263
今天上午没有完成那个随着选中与未选中的状态来有与之对应的按钮的功能。（按钮的权限的不同对应不同的功能） 问题主要出现在当我是未选中的状态的时候不会把与之对应的按钮清空。。。 解决办法： 查询extApi 找到了CheckBoxSelectionModel-----有个方法叫做getCount():Number 返回值是1或者是0 当是1的时候就代表的是选中的状态 当是0的时候...
禁用表单元素：Layui框架下的实践与技巧
最新发布
juedaifenghua2的博客
04-17 2021
禁用表单元素：Layui框架下的实践与技巧
layui中对表格操作按钮集的判断
di80167的博客
09-26 1327
可用如下语法： {{# if(d.IsAudit==false){ }} <a class='layui-btn layui-btn-xs layui-btn-normal' lay-event='edit'>编辑</a> <a class='layui-btn layui-btn-xs la...
Devexpress ;GridContorl; 动态禁用按钮
04-02
// 这里进行你的禁用逻辑判断，例如根据数据对象的状态决定是否禁用按钮 bool disableButton = CheckIfShouldDisable(data); // 获取按钮控件并设置其Enabled属性 ButtonEdit buttonEdit = e.Cell.ButtonEdit as...
禁用窗体上的关闭按钮
04-09
在Windows应用程序开发中，我们有时会遇到需要禁用或控制窗口关闭操作的场景，比如在数据保存、系统更新等...在实践中，你可以根据具体需求进行调整，例如增加关闭确认对话框，或者在特定条件下恢复关闭按钮的功能。
c#利用hood禁用键盘按钮
08-04
同样的方法可以应用于其他按键，只需更改`KeyboardHookProc`函数中的条件判断即可。请注意，这只是一个基础示例，实际使用时需要考虑多线程、异常处理和性能优化等问题。 总结，利用C#的`hood`库可以有效地禁用...
DataGridView添加禁用的Button列
09-03
`row.DataBoundItem`可以访问到当前行所代表的数据源对象，你可以根据这些数据来判断是否应该禁用`Button`。 禁用`Button`的逻辑可以根据具体业务需求进行调整。例如，你可能需要检查某个字段的值，或者比较当前行...
易语言源码灰色按钮激活.rar
02-22
总之，易语言源码中的"灰色按钮激活"涉及到了易语言的控件操作、属性设置、条件判断以及用户交互设计等多个方面。通过理解这些基础知识，开发者可以更好地控制用户界面，提供更人性化的软件体验。
安卓开发按钮点击状态
06-11
安卓开发按钮获得焦点或点击即状态改变时改变按钮效果。
layui按钮的权限管控
热门推荐
08-03 1万+
这里的按钮是指列表最后的操作列，一般会有修改 删除 查看详情等，但并不是每个登录的用户都能看到这些按钮，需要按照动态配置的权限进行管控。 我用的是thymeleaf springboot layui。但我并不想用thymeleaf的模板语言，玩了react后的后遗症是希望能尽量前后端分离，以ajax的方式来完成。说下我的方式： <script type="text/html" id="...
layui可编辑表格 根据条件禁用
letgooo0的博客
06-06 1934
layui中表格插入select和checked，根据条件控制禁用与否
Layui之 设置某一行的操作列的按钮不可点击
qq_39835505的博客
12-01 2926
参考网址 https://blog.csdn.net/qq_35077107/article/details/104717589 table.on('tool(test)', function(obj){ //注：tool 是工具条事件名，test 是 table 原始容器的属性 lay-filter="对应的值" var data = obj.data //获得当前行数据 ,layEvent = obj.event, //获得 lay-event 对应的值 tr =
layui数据表格操作栏，根据条件改变显示操作的按钮
grh526zjz的博客
10-25 6016
本文内容参考网上多篇博客 环境和需求 在使用layui框架的数据表格的时候，需要的操作栏中添加修改，删除，保存等按钮。需求是点击保存按钮就不再显示修改删除两个按钮，二是显示已保存字样。 由于数据表格中自带刷新表格函数，使用js对html进行修改会被该函数刷新重置。所以这里提供一种方法来实现。 实现方法 首先，需要说明，这里的操作列是表格外的一列，然后添加到表格中。 这里使用layui的官网的一些例子来讲解 数据库中有一个saveFlag字段，该值来确定保存状态。这里为保存为’0’,保存为’1’。 H.
vue 封装组件供全局使用_从零动手封装一个通用的vue按钮组件
weixin_39562340的博客
12-09 569
我们在使用目前最主流的前端框架vue在开发过程中，组件是一个非常重要的组成部分，可以这么说，所有的vue应用，都是由一个一个的小组件拼装而成的。正是由于vue组件如此重要，所以vue的生态中，也非常多的UI组件库，其中最著名的非Element-UI莫属，里面有非常多的封装完善的组件提供给我们使用，大大的增强了我们的开发效率。那么，这些UI框架的组件，究竟是如何封装的呢？如何动手从零开始封装自己的组...
element判断按钮的禁用条件
weixin_46886491的博客
12-21 7462
element通过条件判断按钮禁用 根据某个参数,动态的改变某个按钮的禁用状态 1.:disabled=“scope.row.userId==1?true:false” 根据登录的用户id判断选择的按钮是否禁用状态 实际应用场景:登录用户为系统管理员时只能修改密码 贴代码 <template slot-scope="scope"> <el-button @click.native.prevent="look(scope.row)" v-show="menuLook" type=
关于前端按钮点击之后禁用的方法总结
初心不改
11-10 3161
按钮点击一次后禁用
Layui禁用按钮类没实现禁用效果？
今夜几点睡
12-19 1093
layui-btn-didisabled没实现禁用效果 首先创建两个Btn按钮，都没有添加layui-btn-didisabled的类，但其中一个添加了disabled（不可点击）属性，后面效果会揭晓为什么！ 获取Btn标签，循环Btn并给Btn按钮添加Layui中的禁用按钮的类，给Btn按钮点击事件并判断是否是当前点击的按钮，如果是当前按钮时移除禁用按钮的类，并输出当前按钮的索引值；↓ 效果展示 此时，两个按钮都添加了禁用的类↓ 当我点击删除按钮时，将原先添加禁用类移除了并输出删除按钮的索引值在控制
JS按照条件，禁用按钮 要求都是 6～16 位
04-05
以下是JS实现禁用按钮的代码： ```javascript // 获取按钮元素 const btn = document.getElementById('myButton'); // 获取输入框元素 const input = document.getElementById('myInput'); // 给输入框绑定输入事件 input.addEventListener('input', function() { // 获取输入框的值 const value = input.value.trim(); // 判断输入框的值是否符合条件 if (value.length < 6 || value.length > 16) { // 如果不符合条件，则禁用按钮 btn.disabled = true; } else { // 如果符合条件，则启用按钮 btn.disabled = false; } }); ``` 这段代码中，我们通过`document.getElementById`方法获取了按钮和输入框元素，并给输入框绑定了一个`input`事件。在事件处理函数中，我们先获取输入框的值，并使用`trim`方法去除首尾空格。然后，我们判断输入框的值是否符合条件，如果不符合条件，则禁用按钮；如果符合条件，则启用按钮。最后，我们通过`disabled`属性来控制按钮的禁用状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值