因为本 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选中/不可用的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
RTX 5090要首发 性能要翻倍!三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。
据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。