<%@ 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>
分享到:
相关推荐
jquery checkbox 选中 取消 checkbox多选
JQuery 判断checkbox是否选中,checkbox全选,获取checkbox选中值
jquery获取checkbox选中的值,包括全选 取消全选 反选 选中奇数行 获取选中的值
自动动手写了个操作checkbox,里面包括全选、全不选、反选、获取选中值四个功能...
jquery 实现鼠标单击行时,改变行的背景颜色,选中checkbox复选框
jquery checkbox选择器在程序开发中经常会用到,接下来通过实例代码给大家介绍jquery获取checkbox选中的值,需要的朋友参考下
jQuery的高性能TreeView源码(带CheckBox) 1:支持静态的树,即一次性将全部数据加载到客户端。 2:异步树,即一次只加载一级或若干级节点,子节点可以异步加载数据。 3:Checkbox树(可能是静态树也可能是异步树...
jquery checkbox点击选中列表样式代码
基于jQuery的Checkbox精美样式插件 .
jQuery 对checkbox的操作
C#.net下通jQuery实现的由CheckBox来控件CheckBoxList的全选操作,通过CheckBox来全选CheckBoxList,当有一个CheckBoxList选中时,CheckBox则被选中,且并且可以取得选中的CheckBox和CheckBoxList的value和text
JQuery操作checkbox、radio等示例
jquery动态生成checkbox 设置一行最多显示几个checkbox 获取checkbox选中项
checkBox分别处理选中与不选中checkBox分别处理选中与不选中
循环动态判断checkbox是否被选中foreach(Control c in Panel1.Controls)
在jquery 下实显checked 联动 当input checkbox选中时自动判断上级下级并选中
Jquery全选反选Checkbox 简单好用 复用性很好 欢迎下载
博文链接:https://qsfwy.iteye.com/blog/236001
checkbox多项选中及取消选中