jq实现checkbox全选中以及获得选中的checkbox的值

来源：互联网发布：怎么做好数据分析编辑：程序博客网时间：2024/05/17 05:55

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);    });});