jquery 选中checkbox兼容问题如何解决?
在做一个checkbox选中功能时,在本地测试已经通过,把代码上传到服务器上测试却是功能不能正常工作!
原因在于,本地和线上的jquery插件不一致,虽然知道jquery插件有浏览器兼容的问题,但是这个还是自己第一次遇到或者说是留意到这个问题。
例子,jquery选中checkbox复选框功能。
<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>jquery实现选中checkbox复选框_www.jbxue.com</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>
您可能感兴趣的文章:
解决jquery操作checkbox火狐下第二次无法勾选问题
php获取checkbox值
jquery 选中checkbox兼容问题如何解决?
使用“兼容性疑难解答”解决Windows 10兼容性问题
解决刺客信条编年史俄罗斯提示0xc0000005错误问题
jquery下checked取值问题的解决方法
解决搜狗浏览器兼容模式停止工作的问题
Jquery 获取checkbox的checked问题
JQuery触发radio或checkbox的change事件
魔兽世界服务器不兼容什么意思?魔兽世界服务器不兼容解决方法