<%@ page language="java" import="java.util.*" pageEncoding="GB18030"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme() + "://"
+ request.getServerName() + ":" + request.getServerPort()
+ path + "/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'Jquery004.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery-1.6.1.js"></script>
<!-- 用javascript算出checkbox被选中的数量
<script type="text/javascript">
window.onload = function(){
var button1=document.getElementById("button1");
button1.onclick = function(){
var checkboxs = document.getElementsByName("myCheck");
var num=0;
for(var i=0;i<checkboxs.length;i++){
if(checkboxs[i].checked){
num++;
}
}
alert(num);
}
}
</script>
-->
<!-- 用jQuery算出checkbox被选中的数量 -->
<script type="text/javascript">
$(document).ready(function() {
$("#button1").click(function() {
alert($("input[type=checkbox]:checked").length);
});
});
</script>
</head>
<body>
<input type="checkbox" name="myCheck" checked="checked" />
<input type="checkbox" name="myCheck" />
<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 id="button1" type="button" value="按钮" />
</body>
</html>
分享到：
相关推荐
这里，首先计算所有名为`subcheck`的复选框的数量（`chsub`），然后计算已选中的`subcheck`复选框的数量（`checkedsub`）。如果这两个数量相等，说明所有复选框都被选中，因此将`#SelectAll`的`checked`属性设为`...
当用户尝试勾选新的Checkbox时，我们可以遍历所有相关的Checkbox，计算已选中的个数。如果超过预设的限制，就阻止这次改变，通常通过设置`event.preventDefault()`。以下是一个简单的示例： ```html ...
在点击事件中，根据当前复选框的选中状态，更新了全选复选框的状态，并计算所有复选框的选中数量，根据这个数量，确定全选复选框是否应该被选中。 此外，文章还提供了一个在线的HTML/CSS/JavaScript代码运行工具，...
在这个例子中，我们将利用jQuery的API来查找选中的复选框并计算其数量。 在给定的代码中，我们有一个名为`countNum`的函数，它的主要任务是获取所有名称为"check"的复选框，并统计其中被选中的项。下面是对这段代码...
通过.length属性来计算选中复选框的数量，以此来判断是否达到了限制的数量。 4. 条件逻辑判断：通过if条件判断，来决定是否需要对选中的复选框进行操作。例如，当选中的复选框数量大于或等于3时，通过$("input[name...
这段代码首先计算所有子Checkbox的数量和当前选中的数量，如果两者相等，说明所有子Checkbox都被选中，全选Checkbox也应该被选中。否则，全选Checkbox应保持未选中状态。 总结一下，通过jQuery，我们可以轻松地实现...
首先，我们来看"checkbox"标签，这通常指的是HTML中的`<input type="checkbox">`元素，用于创建可被用户选中的复选框。在这个案例中，复选框与特定的产品或服务相关联，当用户勾选某个复选框时，意味着他们选择了该...
这里，`$("#chkBox input[@type=checkbox]:checked")`选择器选取了ID为`chkBox`的所有子元素中类型为`checkbox`且已被选中的元素，然后使用`.size()`方法计算这些元素的数量。 接着，我们看JavaScript原生方法。这...
这里，我们计算选中的复选框数量，并与总数量比较，如果相等则表示所有项都被选中，从而更新全选按钮的状态。 5. **源码和工具** 标签 "源码" 暗示可能需要查看具体的代码实现。在给定的 `easyui.docx` 文件中，...
这段代码首先计算当前选中的子复选框数量，如果等于所有子复选框的数量，说明所有都被选中，此时全选复选框应被选中；否则，全选复选框应取消选中。 以上就是使用jQuery实现复选框全选和反选的基本步骤。在实际项目...
注意，由于这段代码是在复选框被点击之后执行，所以能够准确获取到最新的选中数量，而不是在代码执行时的状态。 以上就是动态获取复选框选中个数的方法和相关知识点。本文首先指出了一个常见的错误用法，并通过对比...
我们可以添加一个函数来计算当前选中项的数量，并根据结果来决定操作按钮的状态。例如，如果至少有一个项目被选中，那么“删除”按钮才应该显示或启用。这个逻辑可以这样实现： ```javascript function ...
此外，为了优化用户体验，插件可能还包含一些辅助功能，比如实时更新主复选框的选中状态，根据子复选框的选中数量来决定是否全选。这可以通过计算已选中复选框的数量并与总数比较来实现。 总结起来，jQuery全选反选...
jQuery提供了方便的方法来操作这些元素，如`$('input[type="checkbox"]')`用于选取所有复选框，`.change()`事件监听复选框状态改变，`.is(':checked')`检查复选框是否被选中。 3. **全选/反选功能** 全选功能通常...
在这个例子中，当点击按钮`#btnCount`时，会触发一个函数，该函数使用`input[name="check"]:checked`选择器获取所有name为"check"且被选中的复选框，然后通过`length`属性计算选中项的数量，并弹出警告框显示结果。...
【描述】中的"带checkbox的利用jQuery实现购物车的价格计算"说明源码主要通过jQuery处理与复选框（checkbox）相关的事件，例如点击选择商品或取消选择，以及动态计算购物车内所有选中商品的总价。这涉及到jQuery的...
这段代码中使用了`.filter(":checked")`来选取所有被选中的子复选框，并计算它们的数量。如果被选中的子复选框数量等于所有子复选框的总数，说明用户希望全选，于是通过三元运算符来设置主复选框的`checked`属性为`...
2. **复选框操作**：jQuery提供了方便的方法来操作DOM中的复选框（`<input type="checkbox">`）。例如，可以使用`.prop()`方法来改变复选框的选中状态，`.change()`监听复选框的改变事件，`.is(':checked')`检查复选...