09JQuery笔记-------------------------chenkbox中获取选中项的方法 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script src="jquery-1.8.3.js"></script>
    <script type="text/javascript">
        $(function () {
            $('#btn').click(function () {
                //获取所有选中的选项
                var cks = $('div input:checked');
                //遍历选项中的value
                cks.each(function (index, ele) {
                    alert($(ele).val());
                });
            });
        });
    </script>
</head>
<body>
    <input id="btn" type="button" name="name" value="提交爱好" />
    <br />
    <div>
        <input type="checkbox" name="name" value="1" />吃饭
        <input type="checkbox" name="name" value="2" />睡觉
        <input type="checkbox" name="name" value="3" />打豆豆
        <input type="checkbox" name="name" value="4" />抽烟
        <input type="checkbox" name="name" value="5" />喝酒
        <input type="checkbox" name="name" value="6" />喝奶茶
    </div>
</body>
</html>

　　

posted on 2016-01-12 14:58  努力的活着_在人间  阅读(488)  评论(0)    收藏  举报

导航