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

前端之家收集整理的这篇文章主要介绍了jQuery设置单选按钮radio选中/不可用的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

我们先来看看演示效果

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

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

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

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

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

全部代码为:

补充几个知识点:

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

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

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

以上所述是小编给大家介绍的jQuery设置单选按钮radio选中/不可用的实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

原文链接:https://www.f2er.com/jquery/47600.html

猜你在找的jQuery相关文章