jquery 选中checkbox兼容问题
2013-12-04 09:54
417 查看
今天在做一个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>
相关文章推荐
- 关于jquery的serialize()不提交未选中的checkbox的问题
- 修复checkbox的状态切换和动态取值的问题,主要是学会jquery选择或者不选中checkbox
- JQuery操作CheckBox 第二次无法选中的问题
- jQuery checkbox选中问题之prop与attr注意点分析
- jQuery checkbox选中问题之prop与attr注意点分析
- jquery中checkbox选中的问题之prop&attr惹的祸
- JQuery操作CheckBox 第二次无法选中的问题
- jquery设置和获得checkbox选中问题
- JQuery操作CheckBox 第二次无法选中的问题
- jquery中checkbox选中的问题之prop&attr惹的祸
- jquery checkbox选中问题
- jQuery实现checkbox全选在IE浏览器中不兼容问题
- jQuery checkbox选中问题之prop与attr注意点分析
- Jquery中Radio,checkbox判断是否选中的问题
- C#中??和?分别是什么意思? 在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法 在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别 在对象比较中,对象相等和对象一致分别指的是什么?
- jquery获取所有checkbox选中值,并串联成字符串(兼容IE8-FF)
- jquery checkbox的选中问题
- Jquery的attr方法实现checkbox的选中状态所带来的问题解析
- Jquery操作checkbox时候,checked已经存在;但是没有选中问题解决
- jquery选中checkbox的问题