js类选择器 – 源码巴士

<!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>

原文链接：https://blog.csdn.net/pf1234321/article/details/39779519