养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

jquery-easyUI中设置为禁止点击radio按钮

时间:2024-11-15 14:26:53

在jquery和easyui结合起来使用的框架中,包含了大量的控件,其中有单选按钮筠续师诈radio,单选按钮有选中和禁止点击两种状态。那么,如何设置禁止点击的radio按钮?

jquery-easyUI中设置为禁止点击radio按钮

工具/原料

jquery

easyui

JavaScript

HTML5

CSS3

HBuilderX

截图工具

浏览器

WPS

方法/步骤

1、在已新建的页面文件中,依次引入easyui相关的css和js文件,还有jquery文件

jquery-easyUI中设置为禁止点击radio按钮

2、在<body></body>标签中,插入一个form表单元玟姑岭箫素,然后插入七个input,class值为easyui-radiobutton

jquery-easyUI中设置为禁止点击radio按钮

3、保存代码并运行页面文件,打开浏览器,可以查看到有七个单选按钮

jquery-easyUI中设置为禁止点击radio按钮

4、在星期三的input元素中,添加一个disabled属性

jquery-easyUI中设置为禁止点击radio按钮

5、保存代码并刷新浏览器,可以发现星期三单选按钮无法点击

jquery-easyUI中设置为禁止点击radio按钮

6、添加jquery初始化函数,使用each函数遍历input,并根据条件设置单选按钮disabled

jquery-easyUI中设置为禁止点击radio按钮

7、除了可以使用prop()方法之外,还可以使用attr()方法

jquery-easyUI中设置为禁止点击radio按钮

© 一点知识