论坛徽章:: 0

电梯直达

1楼 [收藏(0)] [报告]

发表于 2012-03-06 10:29 |只看该作者 |倒序浏览

jquery 选中checkbox兼容问题

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

Html代码

<!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 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>
<!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 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>

文库|博客

冰释一片天

稍有积蓄

论坛徽章:: 0

2楼 [报告]

发表于 2012-03-12 19:59 |只看该作者

谢谢分享

实战分享：从技术角度谈机器学习入门| 【大话IT】RadonDB低门槛向MySQL集群下战书 | ChinaUnix打赏功能已上线！ | 新一代分布式关系型数据库RadonDB知多少？

返回列表

Chinaunix › 论坛 › 程序设计 › Web开发 › jquery 选中checkbox兼容问题

jquery 选中checkbox兼容问题 [复制链接]