`
高军威
  • 浏览: 181088 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

复选框 浏览器兼容问题解决方案

 
阅读更多
需求,会员注册,勾选统一注册协议复选框,按钮变 亮可用,
不勾选时 变灰不可用,以下是解决方案及原理:



ie7 及以下版本 --> alert(typeof($("#agree").attr("checked")));返回的是boolean类型

ie8 --> alert(typeof($("#agree").attr("checked"))); 如果没有勾选,提示undefined
       勾选之后提示 string

ie9 或者以上版本 --> alert(typeof($("#agree").attr("checked"))); 均返回string类型
        alert($("#agree").attr("checked"));勾选时返回 checked




agree 复选框ID
toubiao_submit 按钮ID


function agree_change(){
		//IE8 或以上版本浏览器
		if(typeof($("#agree").attr("checked"))=="undefined" || typeof($("#agree").attr("checked"))=="string"){
			if(typeof($("#agree").attr("checked"))=="undefined")
			{
				$("#agree").attr("checked","checked");
				$("#toubiao_submit").attr("disabled",false);
		  		$("#toubiao_submit").removeClass("toubiao_btn_disable");
		  		$("#toubiao_submit").addClass("toubiao_btn_able");
			}else{
				if($("#agree").attr("checked")=="checked"){
					$("#agree").removeAttr("checked");
					$("#toubiao_submit").attr("disabled",true);
		  			$("#toubiao_submit").removeClass("toubiao_btn_able");
		  			$("#toubiao_submit").addClass("toubiao_btn_disable");
				}else{
					$("#agree").attr("checked","checked");
					$("#toubiao_submit").attr("disabled",false);
			  		$("#toubiao_submit").removeClass("toubiao_btn_disable");
			  		$("#toubiao_submit").addClass("toubiao_btn_able");
				}
			}
			return;
		}
		//IE7 或以下版本浏览器
		if(typeof($("#agree").attr("checked"))=="boolean"){
			if($("#agree").attr("checked"))
			{
				$("#toubiao_submit").attr("disabled",false);
		  		$("#toubiao_submit").removeClass("toubiao_btn_disable");
		  		$("#toubiao_submit").addClass("toubiao_btn_able");
			}else{
				$("#toubiao_submit").attr("disabled",true);
	  			$("#toubiao_submit").removeClass("toubiao_btn_able");
	  			$("#toubiao_submit").addClass("toubiao_btn_disable");
			}
			return;
		}
	}
分享到:
评论

相关推荐

    超炫的复选框效果源码

    通过这个"超炫的复选框效果源码",开发者可以获得一套完整的解决方案,不仅解决了浏览器兼容性问题,还能为网站增添一份独特的视觉魅力,提高用户的操作满意度。无论是个人项目还是商业应用,这样的源码都是值得参考...

    复选框全选和反选.zip

    这个"复选框全选和反选.zip"文件可能包含了一个JavaScript实现的解决方案。JavaScript是一种广泛使用的客户端脚本语言,用于为网页添加交互性。 复选框(Checkbox)是HTML中的一个基本元素,它允许用户对一个选项...

    .net模拟多选框兼容多种浏览器

    总结来说,这段".net模拟多选框兼容多种浏览器"的代码是一个实用的解决方案,它帮助开发者克服了跨浏览器的兼容性挑战,提供了在不同浏览器环境下一致的复选框功能。通过学习和应用这段代码,我们可以提升Web应用的...

    SelectBox下拉复选框多选插件

    在IT领域,尤其是在前端开发中,"SelectBox下拉复选框多选插件"是一种常用的用户界面元素,用于提供用户友好的多选项选择功能。它结合了传统的下拉列表和复选框的特性,使得在有限的空间内,用户能够方便地筛选和...

    Bootstrap复选框和单选按钮美化插件

    "Bootstrap复选框和单选按钮美化插件"就是为了解决这个问题而诞生的。这类插件通常提供更加吸引人的视觉效果,增强用户体验,同时保持与Bootstrap框架的兼容性,让开发者能够轻松地集成到现有的项目中。通过直接引用...

    selectbox Js实现的下拉复选框

    在这种情况下,“selectbox Js实现的下拉复选框”是一个很好的解决方案,它将复选框的功能与下拉菜单相结合,既节省了空间,又保持了功能的完整。 一、JavaScript基础 JavaScript是一种广泛使用的客户端脚本语言,...

    单选框和复选框样式

    在实际项目中,这种自定义单选框和复选框样式的解决方案可以大大提高网页设计的灵活性和个性化程度。只需简单几步,你就可以让你的表单界面焕然一新,同时保持良好的用户体验和易用性。通过不断优化和调整,这些定制...

    基于EXT2.2的下拉复选框

    解决这些问题可能涉及到对EXT2.2组件的深入理解,优化数据加载策略,使用适配器或polyfill来处理浏览器兼容性,以及对CSS的细致调整。 总的来说,"基于EXT2.2的下拉复选框"是一个利用EXT2.2框架和相关插件实现的Web...

    jQuery单选复选框样式美化

    jQuery库提供了解决这一问题的方法,通过其强大的DOM操作能力和丰富的插件系统,可以轻松实现单选按钮和复选框的样式美化。 首先,jQuery的核心功能在于简化JavaScript的DOM操作,使得开发者能够更加便捷地操作HTML...

    支持ie8单选框与复选框自定义样式制作

    在网页设计中,单选框(Radio Button)和复选框(Checkbox)是常见的表单元素,用于收集用户的选择信息。然而,这些元素在默认情况下,其样式受限于浏览器的控制,导致在不同浏览器下的显示效果可能不统一,特别是在...

    iphone单选框复选框样式.zip

    "iphone单选框复选框样式.zip" 提供的是一款基于jQuery的解决方案,它允许开发者创建具有iPhone风格的单选框和复选框样式。下面将详细解释这个技术实现以及其相关知识点。 首先,我们需要理解jQuery的核心概念。...

    jQuery单选框和复选框美化代码.zip

    “jQuery单选框和复选框美化代码.zip”提供的“ui-choose.js”插件,为Web开发者提供了一种简便的方法来提升表单元素的视觉效果和交互体验。通过合理运用这个插件,可以为用户创建更加吸引人的表单界面,同时简化...

    美化单选框跟复选框代码

    "美化单选框跟复选框代码"这个项目就是针对这个问题,提供了一种解决方案,它使用JavaScript技术来实现对这些元素的美化,同时保持了良好的浏览器兼容性,包括IE8。 在JavaScript中,我们可以利用DOM(Document ...

    Jquery 复选框取值兼容FF和IE8(测试有效)

    描述中提到,虽然网上有关于Jquery复选框取值的文章众多,但是能同时兼容Firefox和IE8的并不多,说明这个问题在实际开发中较为常见,且解决起来有一定挑战性。 标签“Jquery 复选框取值”直接指明了文章讨论的主题...

    轻量级纯Javascript复选框checkbox动画插件

    为了解决这一问题,开发者们创建了各种各样的插件来增强复选框的外观和交互体验。其中,“Checkbix”是一款专为复选框设计的轻量级、纯Javascript动画插件,它能够为用户带来趣味性的动画效果,提升用户体验。 ### ...

    Javascript checkbox复选框动画插件特效源码.zip

    【标题】:“Javascript checkbox复选框动画插件特效源码.zip” 这个压缩包包含的是一款JavaScript编写的复选框(checkbox)动画插件的源代码。在网页开发中,复选框是用户交互的一种常见元素,用于让用户选择或...

    mui.css和input type=checkbox冲突,导致打不上勾(无法选中)的解决办法.zip

    这个压缩包文件"mui.css和input type=checkbox冲突,导致打不上勾(无法选中)的解决办法.zip"显然是针对一个具体的技术问题,即MUI CSS框架与HTML复选框(input[type="checkbox"])之间存在兼容性问题,导致复选框无法...

    jquery iCheck.js实现的自定义复选框checkbox和单选框radio样式插件.zip

    为了解决这个问题,jQuery社区推出了一款名为iCheck.js的插件,它能帮助我们实现自定义复选框和单选框的样式,提升网页的视觉效果。 iCheck.js是一款强大的jQuery插件,它提供了丰富的皮肤和定制选项,使得复选框和...

    Prototype与jQuery美化Checkbox复选框实例.zip

    "Prototype与jQuery美化Checkbox复选框实例"这个压缩包文件正是针对这一需求提供的一种解决方案。下面,我们将详细探讨Prototype和jQuery库在美化Checkbox上的应用以及相关的前端知识点。 首先,Prototype是一个...

    checkBox嵌套(跨浏览器)

    在网页开发中,复选框(CheckBox)是...通过以上方法,我们可以实现复选框在不同浏览器环境下的嵌套,同时解决可能出现的兼容性问题,提高用户体验。记住,良好的前端开发实践是保持网页功能一致性和可访问性的关键。

Global site tag (gtag.js) - Google Analytics