当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript获得CheckBoxList选中的数量

Javascript
js 方法实现返回多个数据的代码
Ext 表单布局实例代码
javascript document.referrer 用法
JavaScript 字符编码规则
JS 动态加载脚本的4种方法
jQuery textarea的长度进行验证
jQuery select的操作实现代码
jQuery 1.2.x 升級 1.3.x 注意事项
关于viewport,Ext.panel和Ext.form.panel的关系
日期 时间js控件
JavaScript的parseInt 进制问题
javascript 有用的脚本函数
javascript 两个字符串比较函数
javascript 代码运行器
js arguments.callee的应用代码
JavaScript Table排序 2.0 (更新)
给Function做的OOP扩展
<script defer> defer 是什么意思
FF和IE之间7个JavaScript的差异
javascript获取当前ip的代码

Javascript 中的 javascript获得CheckBoxList选中的数量


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-10   浏览: 399 ::
收藏到网摘: n/a

javascript获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台) 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);
}
}