jQuery——表单应用
Posted 小嘉欣_sunny
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery——表单应用相关的知识，希望对你有一定的参考价值。
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——表单应用的主要内容，如果未能解决你的问题，请参考以下文章