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 相关文章推荐
return false,对阻止事件默认动作的一些测试代码
Nov 17 Javascript
使用UglifyJS合并/压缩JavaScript的方法
Mar 07 Javascript
Javascript前端UI框架Kit使用指南之Kitjs简介
Nov 28 Javascript
javascript使用正则表达式实现去掉空格之后的字符
Feb 15 Javascript
jQuery Ajax Post 回调函数不执行问题的解决方法
Aug 15 Javascript
Angular2生命周期钩子函数的详细介绍
Jul 10 Javascript
JavaScript实现跟随滚动缓冲运动广告框
Jul 15 Javascript
layui弹出层按钮提交iframe表单的方法
Aug 20 Javascript
深入Node TCP模块的理解
Mar 13 Javascript
微信小程序基于Taro的分享图片功能实践详解
Jul 12 Javascript
浅析vue-router中params和query的区别
Dec 24 Javascript
JS画布动态实现黑客帝国背景效果
Nov 08 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
WinXP + Apache +PHP5 + MySQL + phpMyAdmin安装全功略
2006/07/09 PHP
js中单引号与双引号冲突问题解决方法
2013/10/04 Javascript
表单提交前触发函数返回true表单才会提交
2014/03/11 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
JQUERY的AJAX请求缓存里的数据问题处理
2016/02/23 Javascript
js的form表单提交url传参数(包含+等特殊字符)的两种解决方法
2016/05/25 Javascript
JSONP和批量操作功能的实现方法
2016/08/21 Javascript
Javascript使用uploadify来实现多文件上传
2016/11/16 Javascript
基于Javascript倒计时效果
2016/12/22 Javascript
js省市区级联查询(插件版&amp;无插件版)
2017/03/21 Javascript
Javascript循环删除数组中元素的几种方法示例
2017/05/18 Javascript
JS设计模式之惰性模式(二)
2017/09/29 Javascript
浅谈FastClick 填坑及源码解析
2018/03/02 Javascript
如何以Angular的姿势打开Font-Awesome详解
2018/04/22 Javascript
js中比较两个对象是否相同的方法示例
2019/09/02 Javascript
[01:32]2016国际邀请赛中国区预选赛CDEC战队教练采访
2016/06/26 DOTA
python调用短信猫控件实现发短信功能实例
2014/07/04 Python
Python操作Word批量生成文章的方法
2015/07/28 Python
Python中基础的socket编程实战攻略
2016/06/01 Python
利用Python找出序列中出现最多的元素示例代码
2017/12/08 Python
python接口自动化(十六)--参数关联接口后传(详解)
2019/04/16 Python
python图形绘制奥运五环实例讲解
2019/09/14 Python
python如何将两张图片生成为全景图片
2020/03/05 Python
CSS3 mask 遮罩的具体使用方法
2017/11/03 HTML / CSS
英国广泛的照明产品网站:Lights4living
2018/01/28 全球购物
Whistles官网:英国女装品牌
2020/08/14 全球购物
如果有两个类A,B,怎么样才能使A在发生一个事件的时候通知B
2016/03/12 面试题
函授大学生自我鉴定
2014/02/05 职场文书
绩效工资实施方案
2014/03/15 职场文书
房产转让协议书
2014/04/11 职场文书
2014年大堂经理工作总结
2014/11/21 职场文书
2014年除四害工作总结
2014/12/06 职场文书
2015年小学语文教学工作总结
2015/05/25 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript
详解Python中的进程和线程
2021/06/23 Python
SQL IDENTITY_INSERT作用案例详解
2021/08/23 MySQL