码迷,mamicode.com
首页 > Web开发 > 详细

Js 读取checkbox 和 radio

时间:2015-04-09 15:16:10      阅读:119      评论:0      收藏:0      [点我收藏+]

标签:

http://www.ryerson.ca/JavaScript/lectures/forms/boxes.html

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head runat="server">
    <title></title>
    <script type="text/javascript">
        window.onload = function () {
            document.getElementById("btnOperate").onclick = function () {
                var arr = new Array();
                var items = document.getElementsByName("category");
 
                for (i = 0; i < items.length; i++) {
                    if (items[i].checked) {
                        arr.push(items[i].value);
                    }
                }
 
                alert("选择的个数为:" + arr.length);
            };
        };
    </script>
</head>
<body>
    <input type="checkbox" name="category" value="今日话题" />
    <input type="checkbox" name="category" value="视觉焦点" />
    <input type="checkbox" name="category" value="财经" />
    <input type="checkbox" name="category" value="汽车" />
    <input type="checkbox" name="category" value="科技" />
    <input type="checkbox" name="category" value="房产" />
    <input type="checkbox" name="category" value="旅游" />
    <input id="btnOperate" type="button" value="选择" />
</body>
</html>

Js 读取checkbox 和 radio

标签:

原文地址:http://www.cnblogs.com/jeremyjs/p/4409614.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!