jquery 选择页面上所有选中复选框

原创于 2009-11-09 20:55:00 发布 · 2.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #button #input #javascript #server #function

本文提供了一个使用 JavaScript 处理 HTML 中 Checkbox 选中项的简单示例。通过 jQuery 库遍历所有被选中的复选框并弹窗显示其值。此示例有助于理解如何在网页上操作表单元素。

head runat="server">
    <title>无标题页</title>
    <script src="js/jquery-1.2.6.min.js" type="text/javascript"></script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
     <div id="divjb" >
         </div>
   <input id="Button1" type="button" value="button" onclick="getdata()"/>
<input id="Checkbox4" value="111" type="checkbox" />
   <input id="Checkbox1" value="222" type="checkbox" />
    </div>
    </form>
      <script type="text/javascript" language="javascript">
    function getdata()
    {
var i = $(":checkbox:checked");
for (var h = 0 ;h < i.length;++h)
{
alert(i[h].value);
}
    }

    </script>

</body>