在jquery和easyui结合起来使用的框架中,包含了大量的控件,其中有单选按钮筠续师诈radio,单选按钮有选中和禁止点击两种状态。那么,如何设置禁止点击的radio按钮?
工具/原料
jquery
easyui
JavaScript
HTML5
CSS3
HBuilderX
截图工具
浏览器
WPS
方法/步骤
1、在已新建的页面文件中,依次引入easyui相关的css和js文件,还有jquery文件
2、在<body></body>标签中,插入一个form表单元玟姑岭箫素,然后插入七个input,class值为easyui-radiobutton
3、保存代码并运行页面文件,打开浏览器,可以查看到有七个单选按钮
4、在星期三的input元素中,添加一个disabled属性
5、保存代码并刷新浏览器,可以发现星期三单选按钮无法点击
6、添加jquery初始化函数,使用each函数遍历input,并根据条件设置单选按钮disabled
7、除了可以使用prop()方法之外,还可以使用attr()方法