HTML中checkbox切换按钮实际工作场景

最近在做项目时遇到一个前端的问题(本人是个后端开发,前端公司刚要求开始写,所以我是个前端垃圾,勿喷勿喷!!!!

先给大家讲述一下业务场景:

 我在前端页面的一个表中有一个字段是落实状态

1.当我的落实状态是已落实的时候 我的是否落实按钮需要自动开启并且无法关闭。

2.当我的落实状态为未落实的时候,我的按钮默认为关闭状态,但是我可以开启进行落实。

 这个方法是本人在网上搜了好长时间改好的!!

1、这段代码是一个JavaScript的函数,首先将value的值设为true,接着我通过row获取我落实状态字段的值(已落实1 未落实0)

2、当这个值为1 的时候开启开关,当值不为1的时候则生成一个开关按钮,其 HTML 标签为 label、input 和 span,同时会为 input 标签添加一个 onclick 事件,事件处理函数为 $.operate.add(row.djid)

3、在生成 input 标签的过程中,该函数会根据 value(即 'true')来决定开关按钮的状态是否为开启(checked)。
4、最后,该函数返回渲染好的开关按钮的 HTML 标签,供表格使用。

5.add方法是若依生成的,使用后会自动执行我后端接口中的add方法执行落实。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

山川志~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值