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 相关文章推荐
jQuery插件scroll实现无缝滚动效果
Apr 27 Javascript
javascript清空table表格的方法
May 14 Javascript
轻量级网页遮罩层jQuery插件用法实例
Jul 31 Javascript
扩展jquery easyui tree的搜索树节点方法(推荐)
Oct 28 Javascript
vue.js学习之递归组件
Dec 13 Javascript
vue.js提交按钮时进行简单的if判断表达式详解
Aug 08 Javascript
3分钟了解vue数据劫持的原理实现
May 01 Javascript
js实现时分秒倒计时
Dec 03 Javascript
JQuery常用选择器功能与用法实例分析
Dec 23 jQuery
微信小程序scroll-view点击项自动居中效果的实现
Mar 25 Javascript
jQuery实现的上拉刷新功能组件示例
May 01 jQuery
详解vue3中组件的非兼容变更
Mar 03 Vue.js
基于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
PHP实现抓取Google IP并自动修改hosts文件
2015/02/12 PHP
基于CakePHP实现的简单博客系统实例
2015/06/28 PHP
jQuery向下滚动即时加载内容实现的瀑布流效果
2016/01/07 PHP
joomla组件开发入门教程
2016/05/04 PHP
Android AsyncTack 异步任务实例详解
2016/11/02 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
php常用正则函数实例小结
2016/12/29 PHP
php使用变量动态创建类的对象用法示例
2017/02/06 PHP
js玩一玩WSH吧
2007/02/23 Javascript
firefo xml 读写实现js代码
2009/06/11 Javascript
dess中一个简单的多路委托的实现
2010/07/20 Javascript
javascript开发随笔二 动态加载js和文件
2011/11/25 Javascript
浅谈重写window对象的方法
2014/12/29 Javascript
jQuery中insertAfter()方法用法实例
2015/01/08 Javascript
JQuery boxy插件在IE中边角图片不显示问题的解决
2015/05/20 Javascript
基于jQuery实现放大镜特效
2020/10/19 Javascript
JavaScript制作简单分页插件
2016/09/11 Javascript
jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】
2017/04/14 jQuery
详解Vue路由History mode模式中页面无法渲染的原因及解决
2017/09/28 Javascript
脚手架vue-cli工程webpack的基本用法详解
2018/09/29 Javascript
JS定义函数的几种常用方法小结
2019/05/23 Javascript
python实现定制交互式命令行的方法
2014/07/03 Python
详解python 发送邮件实例代码
2016/12/22 Python
使用Python脚本和ADB命令实现卸载App
2017/02/10 Python
python实现12306抢票及自动邮件发送提醒付款功能
2018/03/08 Python
python_opencv用线段画封闭矩形的实例
2018/12/05 Python
浅析python表达式4+0.5值的数据类型
2020/02/26 Python
Python3 hashlib密码散列算法原理详解
2020/03/30 Python
Python容器类型公共方法总结
2020/08/19 Python
学生就业推荐信
2013/11/13 职场文书
面试自我评价范文
2014/09/17 职场文书
房屋财产继承协议书范本
2014/11/03 职场文书
2015年度培训工作总结范文
2015/04/02 职场文书
2015年乡镇统计工作总结
2015/04/22 职场文书
管理失职检讨书
2015/05/05 职场文书
写一个Python脚本下载哔哩哔哩舞蹈区的所有视频
2021/05/31 Python