位置: 编程技术 - 正文

jQuery设置单选按钮radio选中/不可用的实例代码(jquery设置单选框)

编辑:rootadmin

推荐整理分享jQuery设置单选按钮radio选中/不可用的实例代码(jquery设置单选框),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:jquery设置单选按钮选中,jquery单选框选中触发,jquery实现单选与多选,jquery单选框选中触发,jquery单选框选中触发,jquery设置单选按钮选中,jquery设置单选框,jquery设置单选按钮,内容如对您有帮助,希望把文章链接给更多的朋友!

因为本 part 是“jQuery日常使用篇”,所以都是由具体需求出发,总结需要用到的知识点。代码写得未必很好,达到目标就好。那么我们先来看看这次的需求:色块模式基于彩色模式,即开了彩色才能开色块,彩色处于关闭的时候色块不可用,开启彩色时色块radio可用,关闭彩色时如果色块处于开的话需要把它关掉,大概就这样。

我们先来看看演示效果:

我们接下来看看jQuery对单选按钮 radio 的操作。

1. 彩色处于关闭的时候色块不可用

需要两步,当页面打开时,检测如果彩色关闭的话,让色块的“开”不可用:

jQuery设置单选按钮radio选中/不可用的实例代码(jquery设置单选框)

另外,当彩色开关切换时,即从开切换关时,让色块开不可用,同时选中色块关:

2. 当彩色从关切换开时,让色块可用,这很简单:

全部代码为:

补充几个知识点:

checkbox, radio 这些控件都没有readonly属性,需要用 disabled 属性来切换它们的“可用/不可用”状态。

设置 radio 不可用可以用 attr() 方法,即attr("disabled", true)。

设置 radio 的选中状态也是用 attr() 方法,attr("checked",true)。

以上所述是小编给大家介绍的jQuery设置单选按钮radio选中/不可用的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!

jQuery插件扩展extend的简单实现原理 相信每位前端的小伙伴对jQuery都不陌生吧,它最大的魅力之一就是有大量的插件,去帮助我们更轻松的实现各种功能。前几天晚上,闲来无事,就自己

jQuery实现点击弹出背景变暗遮罩效果实例代码 本文是小编实现的一个简单的jquery点击弹出背景变暗遮罩效果,并且点击空白处隐藏弹出层的效果,效果非常棒,小编只给大家贴出了关键代码了,大

jQuery下拉框的简单应用 先看看效果图:大家肯定都见过类似效果的网页,怎么实现的呢,代码很简单:htmlheadmetahttp-equiv="Content-Type"content="text/html;charset=utf-8"/title/titlestyletype="text

本文链接地址:https://www.jiuchutong.com/biancheng/385892.html 转载请保留说明!

上一篇:jQuery给div,Span, a ,button, radio 赋值与取值

下一篇:jQuery插件扩展extend的简单实现原理

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络