<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../JS/jquery-1.4.2.js" type="text/javascript"></script>
    <script type="text/javascript">
    //显示选中的复选信息
        $(function () {
            $("input[name=names]:checked").click(function () {
                var arr = new Array();
                $("input[name=names]:checked").each(arr,function (key, value) { arr[key] = $(value).val(); });
                $("#msgNames").text("共选中"+arr.length+"条:"+arr.join(","));
            });
        });
    </script>
</head>
<body>
<input type="checkbox" name="names" value="tom" />tom
<input type="checkbox" name="names" value="jim" />jim
<input type="checkbox" name="names" value="lily" />lily
<p id="msgNames">gfsadfgs</p>
</body>
</html>结果不显示我选中的信息,求高手指点错在哪里了JQuery

解决方案 »

  1.   

    <script type="text/javascript">
            //显示选中的复选信息
            $(document).ready(function () {
                $("input[name=names]").click(function () {
                    var arr = new Array();
                    $("input[name=names]:checked").each(function (key, value) { arr[key] = $(value).val(); });
                    $("#msgNames").text("共选中" + arr.length + "条:" + arr.join(","));
                });
            });
        </script>