jQuery学习笔记-- 元素的each ,对元素集进行迭代

最新推荐文章于 2022-10-19 08:00:00 发布

Cybernet

最新推荐文章于 2022-10-19 08:00:00 发布

阅读量967

点赞数

分类专栏： jQuery学习笔记文章标签： each jquery input function javascript server

jQuery学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
    <script language="javascript" type="text/javascript">
    /*
    元素的each ,对元素集进行迭代
    */

        $(function() {
            $("input[name=ckCitys]").click(function() {

                //所有选中项
                var names = $("input[name=ckCitys]:checked");

                var arr = new Array();

                // 遍历选中的项，发到数组arr
                names.each(function(key, value) { arr[key] = $(value).val(); });

                //显示到cityName
                $("#cityName").text("共选中了 "+arr.length + " 项："+arr.join(","));

            });

        });
    
    </script>
</head>
<body>
    <form id="form1" runat="server">
<input type="checkbox" name="ckCitys" value="深圳"/>深圳
<input type="checkbox" name="ckCitys" value="北京"/>北京
<input type="checkbox" name="ckCitys" value="上海"/>上海
<input type="checkbox" name="ckCitys" value="香港"/>香港
<p id="cityName"></p>
    </form>
</body>
</html>

Cybernet

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
jQuery学习笔记-- 元素的each ,对元素集进行迭代

/* 元素的each ,对元素集进行迭代 */ $(function() { $("input[name=ckCitys]").click(function() { //所有选中项 var names = $("input[name=ckCitys]:chec
复制链接

扫一扫

专栏目录