標籤:運動 jquer end 好的 each als meta -- style
HTML:
<!--複選框應用--><!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="jquery.js"></script> </head> <body> <form> 你愛好的運動是?<br /> <input type="checkbox" name="items" value="足球"/>足球 <input type="checkbox" name="items" value="籃球"/>籃球 <input type="checkbox" name="items" value="羽毛球"/>羽毛球 <input type="checkbox" name="items" value="乒乓球"/>乒乓球<br /> <input type="button" id="checkall" value="全 選"/> <input type="button" id="checkno" value="全不選"/> <input type="button" id="checkrev" value="反 選"/> <input type="button" id="send" value="提 交"/> </form> <script type="text/javascript"> $("#checkall").click(function(){ $(‘[name=items]:checkbox‘).attr(‘checked‘, true); }) $(‘#checkno‘).click(function(){ $("[name=items]:checkbox").attr("checked", false); }) $("#checkrev").click(function(){ $("[name=items]:checkbox").each(function(){ this.checked = !this.checked; }) }) $("#send").click(function(){ var str = "你選中的是:"; $("[name=items]:checkbox:checked").each(function(){ str = str + $(this).val() + ","; }) alert(str); }) </script> </body></html>
END
jQuery——表單應用(4)