jquery 选中checkbox兼容问题

原创 2013年12月04日 09:54:09

今天在做一个checkbox选中功能的时候,在本地测试已经通过,但是把代码上传到服务器上测试却是功能不能正常工作!最后老大告诉我本地和线上的jquery插件不一致,虽然我知道jquery插件有浏览器兼容的问题,但是这个还是自己第一次遇到或者说是留意到这个问题,下面将我做的写下来,提供给大家学习

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script src="lib/jquery-1.6.4.min.js" type="text/javascript"></script>
<!--script src="lib/jquery-1.4.4.js" type="text/javascript"></script-->
<script type="text/javascript">
$(document).ready(
	function(){
		$("#jianrong").click(sovle_jquery_virsion);
		$("#test").click(function(){
			//如果是1.4版本得到的数据时boolean类型的
			//如果是1.6版本得到的结果是字符串
			if(true == $("#show_img_title").attr("checked")){
				alert("是字符串true");
			}
			if("checked" == $("#show_img_title").attr("checked")){
				alert("是字符串checked!");
			}
		});
	}
);

//解决不同版jquery的问题,可以用下面的方式判断
function sovle_jquery_virsion(){
	if("checked" == $('#show_img_title', parent.document.body).attr("checked") || true == $('#show_img_title', parent.document.body).attr("checked")){
		alert("多选框被选中!");
	}else{
		alert("多选框没有被选中!");
	}
}

</script>
<title>无标题文档</title>
</head>
<input type="checkbox" id="show_img_title" style="vertical-align:-3px;"><label style="margin: 0 0 0 4px;" for="show_img_title">照片标题描述带入日记</label><br>
<button id="test">test</button><br>
<button id="jianrong">兼容性问题测试</button>
<body>
</body>
</html>

checkBOX在不同浏览器兼容问题

问题描述:  CheckBox   attr 属性在谷歌浏览器中不可用    解决方案   将Attr变为Prop  注意  Prop 获取的是 BOOl 类型值             ...
  • HiYooa
  • HiYooa
  • 2015年09月24日 14:01
  • 498

jquery的冒泡事件event.stopPropagation()兼容问题

jquery的冒泡事件event.stopPropagation()   分类: JS与网页特效 js中的冒泡事件与事件监听 冒泡事件 js中“冒泡事件”并不是能实际使用的...

看了两天jquery 插件的写法练手解决placeholder不兼容问题

jquery 插件 placeholder 处理不兼容的placeholder属性的jquery小插件

ecshop与jquery冲突兼容问题解决办法只需增加一句代码

注意,双引号必须修改为半角
  • viqecel
  • viqecel
  • 2015年10月03日 21:39
  • 366

jQuery中html()方法浏览器兼容问题

转载:http://www.cnblogs.com/CherryGhost/archive/2011/08/31/2160668.html 今天工作中需要用到这样一个效果:table里面排列...
  • zdp072
  • zdp072
  • 2016年07月06日 14:31
  • 615

DWR用法配置及DWR与jQuery结合兼容问题解决

DWR用法配置及DWR与jQuery结合兼容问题解决.

jQuery validate 和artDialog的兼容问题

今天遇到了一个很恶心的问题,就是我的页面是用artDialog弹出的,页面是这个样子的 然后想通过jQuery validate进行为空验证,发现Jquery Validate不起作用,后来...
  • TOP_Y
  • TOP_Y
  • 2015年12月03日 15:44
  • 978

移动端兼容问题

  • 2017年06月24日 01:15
  • 46KB
  • 下载

jquery中checkbox选中的问题之prop&attr惹的祸

一个网上很多的例子如下:
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jquery 选中checkbox兼容问题
举报原因:
原因补充:

(最多只允许输入30个字)