首页 > 代码库 > 输出选中的复选框的个数(引自锋利的jQuery)
输出选中的复选框的个数(引自锋利的jQuery)
<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta name="generator" content="editplus" /> <title>输出选中的复选框的个数</title> <script src="jquery-1.7.1.min.js" type="text/javascript"></script> <!-- 思路: 1. 新建一个空数组。 2. 获取所有name为"check"的多选框。 3. 循环判断多选框是否被选中,如果被选中则添加到数组里。 4. 获取输出按钮,然后为按钮添加onclick事件,输出数组长度即可。 --></head><body> <input type="checkbox" value="1" name="check" checked="checked" /> <input type="checkbox" value="2" name="check" /> <input type="checkbox" value="3" name="check" /> <input type="checkbox" value="4" name="check" checked="checked" /> <input type="button" value="你选中的个数" id="btn" /> <script type="text/javascript"> //传统方法: //var btn = document.getElementById("btn"); //获取id为btn的元素(button) //btn.onclick = function () //给元素添加onclick事件 //{ // var arrays = new Array(); //创建一个数组对象 // var items = document.getElementsByName("check"); //获取name为check的一组元素(checkbox) // for (var i = 0; i < items.length; i++) //循环这组数据 // { // if (items[i].checked) //判断是否选中 // { // arrays.push(items[i].value); //把符合条件的数据添加到数组中 // //push()是JavaScript数组中的方法 // } // } // alert("选中的个数为:" + arrays.length); //} //jQuery方法: $(‘#btn‘).click(function () { var length = $("input[name=‘check‘]:checked").length; //先使用属性选择器,然后用表单对象属性过滤,最后获取jQuery对象的长度 alert("选中的个数为:" + length); }) </script></body></html>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。