首页 > 代码库 > 关于jQuery表单选择中prop和attr的区别。
关于jQuery表单选择中prop和attr的区别。
今天用jQuery学习表单这一章节的内容,再次遇到表单全选时,不能进行第二次全选的情况。反复查看测试仍然找不到是什么原因。后来在网上查到原来是jQuery1.6以后的版本用到的是prop。用attr的话不会多次实现,因为attr不会记录当前checkbox的选中状态。
表单这一章节内容让我感觉到有点吃力,总之好好努力吧!
以下是代码说明:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>复选框</title> <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js" ></script> <script type="text/javascript"> $(function(){ //使用attr /*$("#CheckedAll").click(function(){ if(this.checked){ $(‘[name=items]:checkbox‘).attr(‘checked‘,false); } else { $(‘[name=items]:checkbox‘).attr(‘checked‘,true); } });*/ //使用prop $("#CheckedAll").click(function(){ if(this.checked){ $(‘[name=items]:checkbox‘).prop(‘checked‘,false); } else { $(‘[name=items]:checkbox‘).prop(‘checked‘,true); } });*/ }); </script> </head> <body> <form> 你爱好的运动是?<br> <input type="checkbox" name="items" value="http://www.mamicode.com/足球">足球 <input type="checkbox" name="items" value="http://www.mamicode.com/篮球">篮球 <input type="checkbox" name="items" value="http://www.mamicode.com/羽毛球">羽毛球 <input type="checkbox" name="items" value="http://www.mamicode.com/乒乓球">乒乓球<br> <input type="button" id="CheckedAll" value="http://www.mamicode.com/全 选"> <input type="button" id="CheckedNo" value="http://www.mamicode.com/全部选"> <input type="button" id="CheckedRev" value="http://www.mamicode.com/反 选"> <input type="button" id="send" value="http://www.mamicode.com/提 交"> </form> </body> </html>
有关与attribute和property的区分可参考:http://www.tuicool.com/articles/3uuQRr6
关于jQuery表单选择中prop和attr的区别。
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。