手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 09:38:58

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按钮
© 手抄报圈