jQuery技术

jquery获取checkbox兼容W3C标准问题的解决方法

字号+ 作者:H5之家 来源:H5之家 2015-10-08 16:19 我要评论( )

jquery获取checkbox兼容W3C标准问题的解决方法,Ajax教程,技术教程,asp编程网

在弄jquery获取checkbox中的值,本来这样写没有问题 <input type="checkbox" value="1">1 <input type="checkbox" value="2">2 <input type="checkbox" value="4">4 <input type="button" value="dddddddddd"> <script src="jquery.js"></script> <script> function f() { var str=""; $("[name='checkbox_name'][checked]").each(function(){ str+=$(this).val()+"\r\n"; }) alert(str); } </script>(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)
测试正常,能弹出我选中的项。
但是把这段js放到一个页面上去,发现只能弹出来空白,经过检查,最后发现问题出在 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)
这句上,把这句删除就正常了。
这样就出现了jquery与w3c标准不兼容,所以要换个写法,来解决这个东西。最后的解决方法是 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <input type="checkbox" value="1">1 <input type="checkbox" value="2">2 <input type="checkbox" value="4">4 <input type="button" value="dddddddddd"> <script src="jquery.js"></script> <script> function f() { var str=""; $(":[name='checkbox_name']:checked").each(function(){ str+=$(this).val()+"\r\n"; }) alert(str); } </script>(鼠标移到代码上去,在代码的顶部会出现四个图标,第一个是查看源代码,第二个是复制代码,第三个是打印代码,第四个是帮助)
这样就兼容了。

感谢loveasp投稿    
的教程

下一篇:Jquery处理Json字符串的实例

上一篇:jquery教程:简单的jquery表单验证

 

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。

相关文章
网友点评
.