- <%@ page contentType="text/html;charset=UTF-8" language="java" %>
- <html>
- <head><title>Simple jsp page</title>
- <script type="text/javascript" src="../js/jquery-1.3.2.js"></script>
- <script type="text/javascript" src="../js/checkbox.js"></script>
- </head>
- <body>
- <form action="#" method="post">
- <input type="checkbox" id="select"/> 全选<br/>
- <input type="checkbox" value="1" name="items"><br/>
- <input type="checkbox" value="2" name="items"><br/>
- <input type="checkbox" value="3" name="items"> <br/>
- <input type="checkbox" value="4" name="items"> <br/>
- <input type="checkbox" value="5" name="items"> <br/>
- <input type="checkbox" value="6" name="items"> <br/>
- <input type="checkbox" value="7" name="items"> <br/>
- <input type="checkbox" value="8" name="items"> <br/>
- <input type="checkbox" value="9" name="items"> <br/>
- <input type="checkbox" value="10" name="items"> <br/>
- <input type="checkbox" value="11" name="items"> <br/>
- <input type="submit" id="submit" value="提交">
- </form>
- </body>
- </html>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Simple jsp page</title>
<script type="text/javascript" src="../js/jquery-1.3.2.js"></script>
<script type="text/javascript" src="../js/checkbox.js"></script>
</head>
<body>
<form action="#" method="post">
<input type="checkbox" id="select"/> 全选<br/>
<input type="checkbox" value="1" name="items"><br/>
<input type="checkbox" value="2" name="items"><br/>
<input type="checkbox" value="3" name="items"> <br/>
<input type="checkbox" value="4" name="items"> <br/>
<input type="checkbox" value="5" name="items"> <br/>
<input type="checkbox" value="6" name="items"> <br/>
<input type="checkbox" value="7" name="items"> <br/>
<input type="checkbox" value="8" name="items"> <br/>
<input type="checkbox" value="9" name="items"> <br/>
<input type="checkbox" value="10" name="items"> <br/>
<input type="checkbox" value="11" name="items"> <br/>
<input type="submit" id="submit" value="提交">
</form>
</body>
</html>
js代码
- $(function() {
- $("#select").click(function() {
- if ($(this).attr("checked")) {
- $("input[name=items]").each(function() {
- $(this).attr("checked", true);
- });
- } else {
- $("input[name=items]").each(function() {
- $(this).attr("checked", false);
- });
- }
- });
- //得到选中的值,ajax操作使用
- $("#submit").click(function() {
- var text="";
- $("input[name=items]").each(function() {
- if ($(this).attr("checked")) {
- text += ","+$(this).val();
- }
- });
- alert(text);
- });
- });