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 相关文章推荐
javascript 获取图片尺寸及放大图片
Sep 04 Javascript
js带按钮的提示框可供选择示例代码
Sep 17 Javascript
如何正确使用javascript 来进行我们的程序开发
Jun 23 Javascript
js中将String转换为number以便比较
Jul 08 Javascript
jQuery使用之设置元素样式用法实例
Jan 19 Javascript
简述Jquery与DOM对象
Jul 10 Javascript
jQuery+HTML5加入购物车代码分享
Oct 29 Javascript
借助FileReader实现将文件编码为Base64后通过AJAX上传
Dec 24 Javascript
Javascript操作表单实例讲解(下)
Jun 20 Javascript
windows下vue.js开发环境搭建教程
Mar 20 Javascript
babel之配置文件.babelrc入门详解
Feb 22 Javascript
js 计算月/周的第一天和最后一天代码
Feb 01 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
比特率,大家看看这个就不用收音机音质去比MP3音质了
2021/03/01 无线电
php函数array_merge用法一例(合并同类数组)
2013/02/03 PHP
PHP弹出对话框技巧详细解读
2015/09/26 PHP
WordPress中重置文章循环的rewind_posts()函数讲解
2016/01/11 PHP
PHP安全下载文件的方法
2016/04/07 PHP
完美解决在ThinkPHP控制器中命名空间的问题
2017/05/05 PHP
取得父标签
2006/11/14 Javascript
鼠标滑上去后图片放大浮出效果的js代码
2011/05/28 Javascript
EasyUI 中 MenuButton 的使用方法
2012/07/14 Javascript
关于eval 与new Function 到底该选哪个?
2013/04/17 Javascript
点击按钮或链接不跳转只刷新页面的脚本整理
2013/10/22 Javascript
jquery如何判断某元素是否具备指定的样式
2013/11/05 Javascript
JQuery中使文本框获得焦点的方法实例分析
2015/02/28 Javascript
JS中递归函数
2016/06/17 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
jQuery中页面返回顶部的方法总结
2016/12/30 Javascript
JavaScript中一些特殊的字符运算
2017/08/17 Javascript
解决v-for中使用v-if或者v-bind:class失效的问题
2018/09/25 Javascript
vue中引入mxGraph的步骤详解
2019/05/17 Javascript
python实现调用其他python脚本的方法
2014/10/05 Python
Python中的True,False条件判断实例分析
2015/01/12 Python
Python使用random和tertools模块解一些经典概率问题
2015/01/28 Python
Django查询数据库的性能优化示例代码
2017/09/24 Python
利用python实现汉字转拼音的2种方法
2019/08/12 Python
python相对企业语言优势在哪
2020/06/12 Python
使用Keras训练好的.h5模型来测试一个实例
2020/07/06 Python
Python引入多个模块及包的概念过程解析
2020/09/21 Python
size?丹麦官网:英国伦敦的球鞋精品店
2019/04/15 全球购物
GWT的应用有哪两种部署模式
2012/12/21 面试题
大学生素质拓展活动方案
2014/02/11 职场文书
诚实守信演讲稿
2014/09/01 职场文书
2014年班组工作总结
2014/11/20 职场文书
2015年创先争优工作总结
2015/05/23 职场文书
2016大学生入党积极分子心得体会
2016/01/06 职场文书
《西门豹》教学反思
2016/02/23 职场文书
2021好看的国漫排行榜前十名 《完美世界》上榜,《元龙》排名第一
2022/03/18 国漫