1. jquery示例功能:
checkbox多选框 全选 、全不选、 选择部分、
源码 :
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>jquery 学习1</title> <!-- 导入jquery库 --> <script type="text/javascript" src="jquery/jquery.js"></script> <script type="text/javascript"> $(function(){ $("#all").click(function(){ var flag = this.checked; $(":checkbox[name='items']").attr("checked",flag); }); $(":checkbox[name='items']").click(function(){ $("#all").attr("checked", $(":checkbox[name='items']").length== $(":checkbox[name='items']:checked").length) }); }) </script> </head> <body> write less do more; <form method="post" action=""> 你喜欢的运动是什么? <input type="checkbox" id="all">全选 <br/> <input type="checkbox" name="items" value="football">足球 <input type="checkbox" name="items" value="basketball">篮球 <input type="checkbox" name="items" value="yumao">羽毛球 <input type="checkbox" name="items" value="bingpang">乒乓球 </form> </body> </html>