checkBox设置disabled如何修改value

 时间:2024-10-19 21:28:12

在前端开发中,我们会经常使用到checkbox这个html控件的,如果这个控制是d坡纠课柩isbled状态的,如何修改它的value值?使用js来更改是很简单的,下面我们来看一下。

方法/步骤

1、我们螅岔出礤在html里添加一个checkbox,disabled状态的,和一个按钮,用来触发更改value值的。

checkBox设置disabled如何修改value

2、为了方便操作,我们引入jquery插件。

checkBox设置disabled如何修改value

3、在js脚本里,添加对应的function函数。

checkBox设置disabled如何修改value

4、使用jquery方法,通过id来获取到要修改的checkbox控件。

checkBox设置disabled如何修改value

5、然后直接使用val方法来为其设置value值就行了。

checkBox设置disabled如何修改value

6、打开页面,通过浏览器的调试器,我们可以看到现在checkbox的value值是‘百度知道’。

checkBox设置disabled如何修改value

7、要修改它的值,我们点击一下按钮。触发对应的修改逻辑。

checkBox设置disabled如何修改value

8、点击后,再看一下代码里checkbox的value值,可以看到已经成功将其修改为‘百度经验’了。

checkBox设置disabled如何修改value

如何设置用户共享权限 2022淘宝双十一活动入口在哪里 怎么解锁支付宝宝呗青年的爱心小天使 ToDesk的临时密码一直更新怎么办 ATEM切换台解析
热门搜索
鲟鱼图片 皮肤湿疹图片 春天的图片 吊瓜图片 栗棕色头发图片