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 相关文章推荐
在线编辑器中换行与内容自动提取
Apr 24 Javascript
jQuery下的几个你可能没用过的功能
Aug 29 Javascript
jQuery 网易相册鼠标移动显示隐藏效果实现代码
Mar 31 Javascript
对于Form表单reset方法的新认识
Mar 05 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
Javascript基础教程之数据类型转换
Jan 18 Javascript
jQuery打字效果实现方法(附demo源码下载)
Dec 18 Javascript
AngualrJS中每次$http请求时的一个遮罩层Directive
Jan 26 Javascript
浅谈JS中的三种字符串连接方式及其性能比较
Sep 02 Javascript
Ajax的概述与实现过程
Nov 18 Javascript
js module大战
Apr 19 Javascript
Vue切换Tab动态渲染组件的操作
Sep 21 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
解决GD中文乱码问题
2007/02/14 PHP
javascript attachEvent和addEventListener使用方法
2009/03/19 Javascript
让FireFox支持innerText的实现代码
2009/12/01 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
2010/04/02 Javascript
JavaScript格式化数字的函数代码
2010/11/30 Javascript
js获取图片大小的函数代码
2011/09/20 Javascript
40个有创意的jQuery图片、内容滑动及弹出插件收藏集之一
2011/12/31 Javascript
js创建一个input数组并绑定click事件的方法
2014/06/12 Javascript
jquery实现Ctrl+Enter提交表单的方法
2015/07/21 Javascript
Json按某个键的值进行排序
2016/12/22 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
Python使用dis模块把Python反编译为字节码的用法详解
2016/06/14 Python
利用Python中的pandas库对cdn日志进行分析详解
2017/03/07 Python
Python实现的弹球小游戏示例
2017/08/01 Python
Python使用numpy模块创建数组操作示例
2018/06/20 Python
详解python selenium 爬取网易云音乐歌单名
2019/03/28 Python
Django框架静态文件使用/中间件/禁用ip功能实例详解
2019/07/22 Python
Python稀疏矩阵及参数保存代码实现
2020/04/18 Python
详解python 支持向量机(SVM)算法
2020/09/18 Python
django中cookiecutter的使用教程
2020/12/03 Python
css3进行截取替代js的substring
2013/09/02 HTML / CSS
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
Vans英国官方网站:美国南加州的原创极限运动潮牌
2017/01/20 全球购物
美国主要的特色咖啡和茶公司:Peet’s Coffee
2020/02/14 全球购物
大四学年自我鉴定
2013/11/13 职场文书
倡议书的写法
2014/08/30 职场文书
公务员学习习总书记“三严三实”思想汇报
2014/09/19 职场文书
公司授权委托书范文
2014/09/21 职场文书
仓管员岗位职责范本
2015/04/01 职场文书
2016年中学法制宣传日活动总结
2016/04/01 职场文书
导游词之广东佛山(南风古灶)
2019/09/24 职场文书
css display table 自适应高度、宽度问题的解决
2021/05/07 HTML / CSS
python保存大型 .mat 数据文件报错超出 IO 限制的操作
2021/05/10 Python
python 如何在list中找Topk的数值和索引
2021/05/20 Python
mysql主从复制的实现步骤
2021/10/24 MySQL