web前端|js教程
jQuery,radio,按钮
web前端-js教程因为本 part 是“jQuery日常使用篇”，所以都是由具体需求出发，总结需要用到的知识点。代码写得未必很好，达到目标就好。那么我们先来看看这次的需求：色块模式基于彩色模式，即开了彩色才能开色块，彩色处于关闭的时候色块不可用，开启彩色时色块radio可用，关闭彩色时如果色块处于开的话需要把它关掉，大概就这样。
php crm 源码,vscode调试报错,ubuntu ddate,tomcat渗透思路,sqlite分组统计序号,显示日历的日期插件,前端框架的网站有哪些,python爬虫收集新闻代码,php ecmall,seo优化流量提升,生成论坛网站源码,超级网页访问模块3.0 源码,dz手机模板在哪里设置lzw
我们先来看看演示效果：
最新傲玩游戏全套源码,ubuntu怎么加装迅雷,爬虫服务最新信息,php requer,网站SEO情况lzw
视频网站模板源码下载,ubuntu和ros版本,暗网爬虫买卖,截取 php,淮安招聘seolzw
我们接下来看看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)。
