js类选择器_类选择器js-优快云博客

本文介绍了一个简单的示例，展示了如何利用jQuery来统计网页上被选中的复选框数量，并通过按钮点击触发统计及显示结果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<script type="text/javascript" src="jquery-1.4.4.js"></script>

<script type="text/javascript">
/*
window.onload = function()
{
   var btn = document.getElementById("myButton");

   btn.onclick = function()
   {
       var count = 0;

       var checkboxs = document.getElementsByName("myCheck");

       for(var i = 0; i < checkboxs.length; i++)
       {
           if(checkboxs[i].checked)
           {
               count++;
           }
       }

       alert("number: " + count);
   }
}
*/

$(function()
{
   $("#myButton").click(function()
   {
       alert("选中个数： " + $('input[name="myCheck"]:checked').length);
   });
});

</script>

</head>

<body>

<input type="checkbox" name="myCheck" checked="checked">
<input type="checkbox" name="myCheck">
<input type="checkbox" name="myCheck" checked="checked">
<input type="checkbox" name="myCheck">
<input type="checkbox" name="myCheck">
<br><br>
<input type="button" value="click me" id="myButton">

</body>
</html>