首页 > 软件开发 > HTML >

checkBox设置disabled如何修改value

来源:互联网 2023-03-16 19:13:07 412

在前端开发中,我们会经常使用到checkbox这个html控件的,如果这个控制是disbled状态的,如何修改它的value值?使用js来更改是很简单的,下面我们来看一下。bf9办公区 - 实用经验教程分享!

方法/步骤

  • 1

    我们在html里添加一个checkbox,disabled状态的,和一个按钮,用来触发更改value值的。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 2

    为了方便操作,我们引入jquery插件。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 3

    在js脚本里,添加对应的function函数。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 3相关内容未经授权抓取自百度经验
  • 4

    使用jquery方法,通过id来获取到要修改的checkbox控件。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 5

    然后直接使用val方法来为其设置value值就行了。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 6

    打开页面,通过浏览器的调试器,我们可以看到现在checkbox的value值是‘百度知道’。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 7

    要修改它的值,我们点击一下按钮。触发对应的修改逻辑。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 8

    点击后,再看一下代码里checkbox的value值,可以看到已经成功将其修改为‘百度经验’了。bf9办公区 - 实用经验教程分享!

    checkBox设置disabled如何修改valuebf9办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!bf9办公区 - 实用经验教程分享!


    标签: HTMLJQUERY

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码