html单选按钮不可操作,jQuery设置单选按钮radio选中不可⽤html 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)。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。