javascript获得CheckBoxList选中的数量


Posted in Javascript onOctober 27, 2009

jQuery的选择器真的好强大,好灵活。 javascript的原始方法也值得研究。

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="CheckBoxList.aspx.cs" Inherits="CheckBoxList" %> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server"> 
<title>获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台)</title> 
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript"> 
//jQuery的方法(王君) 
$(function(){ 
$("#chkBox").click(function(){ 
alert($("#chkBox input[@type=checkbox]:checked").size()); 
}); 
}); 
//javacript方法(候林) 
function f(){ 
var a=document.getElementsByTagName('input') 
var num=0; 
for(var i=0;i<a.length;i++){ 
if(a[i].type=='checkbox'){ 
if(a[i].checked==true) 
num+=1; 
} 
} 
alert(num); 
} 
</script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div> 
jQuery的选择器真的好强大,好灵活。<br /> 
javascript的原始方法也值得研究。 
</div> 
<div> 
<input type="button" value="Javascript取值" onclick="f();" /> 
<asp:CheckBoxList ID="chkBox" runat="server"> 
<asp:ListItem>1</asp:ListItem> 
<asp:ListItem>2</asp:ListItem> 
<asp:ListItem>3</asp:ListItem> 
</asp:CheckBoxList> 
<asp:Button ID="btnOk" runat="server" OnClick="btnOk_Click" Text="服务器端取" /> 
</div> 
</form> 
</body> 
</html>
using System; 
using System.Data; 
using System.Configuration; 
using System.Collections; 
using System.Web; 
using System.Web.Security; 
using System.Web.UI; 
using System.Web.UI.WebControls; 
using System.Web.UI.WebControls.WebParts; 
using System.Web.UI.HtmlControls; 
public partial class CheckBoxList : System.Web.UI.Page 
{ 
protected void Page_Load(object sender, EventArgs e) 
{ 
} 
protected void btnOk_Click(object sender, EventArgs e) 
{ 
int totalNum = 0;//总数 
string list = "000";//选中的值 
for (int i = 0; i < this.chkBox.Items.Count; i++) 
{ 
if (chkBox.Items[i].Selected) 
{ 
totalNum += 1; 
list += "," + chkBox.Items[i].Value; 
} 
} 
Response.Write(totalNum.ToString() + "|" + list); 
} 
}
Javascript 相关文章推荐
js中opener与parent的区别详细解析
Jan 14 Javascript
Jquery选择器中使用变量实现动态选择例子
Jul 25 Javascript
JQuery实现动态表格点击按钮表格增加一行
Aug 24 Javascript
JavaScript学习笔记之DOM基础 2.4
Aug 14 Javascript
DIV随滚动条滚动而滚动的实现代码【推荐】
Apr 12 Javascript
微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
Dec 06 Javascript
elementUI 设置input的只读或禁用的方法
Oct 30 Javascript
Vue中的vue-resource示例详解
Nov 02 Javascript
详解微信小程序之scroll-view的flex布局问题
Jan 16 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
Jun 10 Javascript
koa2+vue实现登陆及登录状态判断
Aug 15 Javascript
JavaScript实现简单的计算器
Jan 16 Javascript
基于jQuery的日期选择控件
html 锁定页面(js遮罩层弹出div效果)
Oct 27 #Javascript
javascript 读取XML数据,在页面中展现、编辑、保存的实现
Oct 27 #Javascript
Ajax+Json 级联菜单实现代码
Oct 27 #Javascript
javascript 关于# 和 void的区别分析
Oct 26 #Javascript
用Greasemonkey 脚本收藏网站会员信息到本地
Oct 26 #Javascript
解决jquery .ajax 在IE下卡死问题的解决方法
Oct 26 #Javascript
You might like
20个2014年最优秀的PHP框架回顾
2014/10/22 PHP
浅析onsubmit校验表单时利用ajax的return false无效问题
2013/07/10 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
2014/03/05 Javascript
JavaScript变量声明详解
2014/11/27 Javascript
项目中常用的JS方法整理
2015/01/30 Javascript
Eclipse引入jquery报错如何解决
2015/12/01 Javascript
详解JavaScript跨域总结与解决办法
2016/10/31 Javascript
基于javascript实现按圆形排列DIV元素(一)
2016/12/02 Javascript
图片懒加载插件实例分享(含解析)
2017/01/09 Javascript
vue的Virtual Dom实现snabbdom解密
2017/05/03 Javascript
Javascript实现时间倒计时效果
2017/07/15 Javascript
JS实现提交表单前的数字及邮箱校检功能
2017/11/13 Javascript
详解性能更优越的小程序图片懒加载方式
2018/07/18 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
Angular6新特性之Angular Material
2018/12/28 Javascript
JavaScript页面倒计时功能完整示例
2019/05/15 Javascript
JS函数基本定义与用法示例
2020/01/15 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
微信小程序中target和currentTarget的区别小结
2020/11/06 Javascript
python函数返回多个值的示例方法
2013/12/04 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Python学习思维导图(必看篇)
2017/06/26 Python
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
Python入门必须知道的11个知识点
2018/03/21 Python
python实现超简单的视频对象提取功能
2018/06/04 Python
Python递归函数实例讲解
2019/02/27 Python
基于Numpy.convolve使用Python实现滑动平均滤波的思路详解
2019/05/16 Python
Python3.8对可迭代解包的改进及用法详解
2019/10/15 Python
python使用正则表达式去除中文文本多余空格,保留英文之间空格方法详解
2020/02/11 Python
200行python代码实现贪吃蛇游戏
2020/04/24 Python
Python3如何实现Win10桌面自动切换
2020/08/11 Python
美国非常受欢迎的Spa品牌:Bliss必列斯
2018/04/10 全球购物
党员个人剖析材料2014
2014/10/08 职场文书
幼儿园教师个人总结
2015/02/05 职场文书
学术会议通知范文
2015/04/15 职场文书
python 实现mysql自动增删分区的方法
2021/04/01 Python