標籤：style java 使用 os io for re c
有幾個非常常見的知識點，需要重點關注一下。如何顯示多選框呢？<input type="checkbox" name="name" value="value1"><input type="checkbox" name="name" value="value2">。這樣就能表示兩個多選框，他們具有同樣的name值，在JSP中，傳到背景時候，可以使用request.getParameterValues("name")來擷取一個數組，數組中就包含了前端頁面中傳過來的多個複選框的值了。這個是題外話。今天的主要目的是通過jQuery的複習來看一下如何對複選框進行多選，反選以及不選的操作。<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html> <head> <script type="text/javascript" src="jquery-1.8.3.js"></script> <script type="text/javascript"> $(function(){ $("input[type='button'][name='selectAll']").click(function(){ $("input[type='checkbox'][name='fruit']").each(function(){ $(this).attr("checked",true); }); }); $("input[type='button'][name='disSelectAll']").click(function(){ $("input[type='checkbox'][name='fruit']").each(function(){ $(this).attr("checked",false); }); }); $("input[type='button'][name='reverseSelect']").click(function(){ $("input[type='checkbox'][name='fruit']").each(function(){ $(this).attr("checked",!$(this).attr("checked")); }); }); }); </script> </head> <body> <form action="#"> <input type="checkbox" name="fruit" value="apple">apple <input type="checkbox" name="fruit" value="orange">orange <input type="checkbox" name="fruit" value="watermelon">watermelon <input type="checkbox" name="fruit" value="strawberry">strawberry <input type="button" name="selectAll" value="SelectAll"> <input type="button" name="disSelectAll" value="disSelectAll"> <input type="button" name="reverseSelect" value="reverseSelect"> </form> </body></html>
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
