`
高军威
  • 浏览: 175883 次
  • 性别: 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;
		}
	}
分享到:
评论

相关推荐

    JS固定表头和左边列V2.0(源码)

    增加复选框同步功能(如果是JS代码设置复选框选中,需要调用 .setCheckBoxSync()方法) .setCheckBoxSync 方法参数说明:4种参数 1) 复选框控件(html object)数组 2) 复选框控件(html object) 3) 复选框...

    基于Extjs的开源控件库ExtAspNet中文版 v3.1.9

    -优化复选框列表和单选按钮列表,减少生成的代码量。 -修正CheckBoxList和RadioButtonList无法在回发中更新的BUG(破风、吉吉﹑落叶飞尘)。 -修正CheckBoxList和RadioButtonList初始为空时页面不能显示的BUG(e先生...

    jQuery LigerUI V1.1.0

    [增加]增加复选框列,同时增加相应的事件和方法。 [优化]优化了显示速度 [修复]解决在IE6下表格头部文字消失的问题 [修复]解决包含在form下不能正常显示高度的问题(height设置为百分比) 布局 [增加]...

    并排的两个对象如何水平对齐兼容ie6

    复选框后边一句文字,如何让它们两个并排对齐,相差几个像素的问题,但各个浏览器就是不一样,特别是ie6,经测试解决方法如下,有类似问题的朋友可以参考下

    vfp6.0系统免费下载

    问题 2-7: 我的 Visual FoxPro 5.0 表单中包含有 ListView 或 TreeView 控件,它们不继承其新版本中的最新功能(如支持复选框)。已发布的应用程序中,由于带有这些表单,而在最终用户的机器上出现表单 OLE 错误,...

    web开发常用js库(效果库、架构库)

    20.复选框全选与取消选中; 21.内容拖动!!!!!!; 22.dom输入; 23.单例定时器; 24.ios软键盘弹出fixed定位问题处理!!!!!!; B:架构类; 1.流程控制-主要解决多个ajax调用依赖问题; 2.面向对象的class方法-方便...

    ExtAspNet控件 v3.1.9源码2012825

    -优化复选框列表和单选按钮列表,减少生成的代码量。 -修正CheckBoxList和RadioButtonList无法在回发中更新的BUG(破风、吉吉﹑落叶飞尘)。 -修正CheckBoxList和RadioButtonList初始为空时页面不能显示的BUG(e先生...

    100个直接可以拿来用的JavaScript实用功能代码片段(1-10)

    70、原生JavaScript获取复选框的值 71、原生JavaScript判断是否为邮箱 72、原生JavaScript判断是否有列表中的危险字符 73、原生JavaScript判断字符串是否大于规定的长度 74、原生JavaScript判断字符串是为网址不区分...

    基于Extjs的开源控件库ExtAspNet英文版 v3.1.9

    -优化复选框列表和单选按钮列表,减少生成的代码量。 -修正CheckBoxList和RadioButtonList无法在回发中更新的BUG(破风、吉吉﹑落叶飞尘)。 -修正CheckBoxList和RadioButtonList初始为空时页面不能显示的BUG(e先生...

    IIS6.0 IIS,互联网信息服务

    要解决这个问题,只要清空“SMTP Service”选项前的复选框即可。如果进入窗口中,“Internet信息服务(IIS)” 选项无法选择,那么很可能因为你使用的“iis.dl_”和“iis. in_”是从Windows XP专业版中提取的,只要换...

    禅道项目管理软件发布 v4.3 beta版本.zip

    1056 没有批量编辑权限的情况下,把多选框去掉 1055 查看组织日志/TODO时,横向滚动时,锁定前两列的部门及员工姓名。 1053 启动任务的时候自动修改指派者 1052 测试任务的用例列表增加搜索功能 1049 备注编辑...

    windowsnt 技术内幕

    用Winn32.exe执行Windows NT升级 使用联机丛书 系统策略编辑器简介 理解系统策略编辑器模式 理解系统策略处理 在域控制器上实现系统策略 在非域控制器上实现系统策略 使用系统策略编辑器复选框 从登录对话框中删除...

    McAfee 8.0 简体中文

    - 已解决的问题 - 已知问题 - 安装、升级和卸载 - 与其他产品的兼容性 - Alert Manager (TM) - Common Management Agent - ePolicy Orchestrator(R) - GroupShield(TM) - ProtectionPilot(TM) -...

Global site tag (gtag.js) - Google Analytics