主页 / 网络编程 /

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

网络编程 2021-07-04 20:00www.168986.cn编程入门
这篇文章主要介绍了jQuery设置单选按钮radio选中/不可用的实例代码的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

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

我们先来看看演示效果

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

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

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

if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}

，当彩色开关切换时，即从开切换关时，让色块开不可用，选中色块关

$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})

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

$("#coloron").change(function(){
$("#blockon").attr("disabled", false);
})

全部代码为

$(document).ready(function(){
if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}
$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})
$("#coloron").change(function(){
$("#blockon").attr("disabled", false);
})
});

补充几个知识点

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

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

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

以上所述是长沙网络推广给大家介绍的jQuery设置单选按钮radio选中/不可用的实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！

上一篇：jQuery插件扩展extend的简单实现原理 下一篇：jQuery给div,Span, a ，button, radio 赋值与取值

编程语言

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by