源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-11-08 11:41 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery设置单选按钮radio选中/不可用的实例代码
因为本 part 是“jQuery日常使用篇”,所以都是由具体需求出发,总结需要用到的知识点。代码写得未必很好,达到目标就好。那么我们先来看看这次的需求:色块模式基于彩色模式,即开了彩色才能开色块,彩色处于关闭的时候色块不可用,开启彩色时色块radio可用,关闭彩色时如果色块处于开的话需要把它关掉,大概就这样。 我们先来看看演示效果: [img]http://files.jb51.net/file_images/article/201606/2016624104300724.png?2016524104314[/img] 我们接下来看看jQuery对单选按钮 radio 的操作。 [b]1. 彩色处于关闭的时候色块不可用[/b] 需要两步,当页面打开时,检测如果彩色关闭的话,让色块的“开”不可用:
if($("#coloroff[checked]"))
{
//alert("Hello Nowamagic!");
$("#blockon").attr("disabled", true);
}
另外,当彩色开关切换时,即从开切换关时,让色块开不可用,同时选中色块关:
$("#coloroff").change(function(){
$("#blockon").attr("disabled", true);
$("#blockoff").attr("checked",true);
})
[b]2. 当彩色从关切换开时,让色块可用,这很简单:[/b]
$("#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);
})
});
[b]补充几个知识点:[/b] checkbox, radio 这些控件都没有readonly属性,需要用 disabled 属性来切换它们的“可用/不可用”状态。 设置 radio 不可用可以用 attr() 方法,即attr("disabled", true)。 设置 radio 的选中状态也是用 attr() 方法,attr("checked",true)。 以上所述是小编给大家介绍的jQuery设置单选按钮radio选中/不可用的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对编程素材网网站的支持!
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部