易截截图软件、单文件、免安装、纯绿色、仅160KB

JavaScript控制checkbox全选,以及获取checkbox文本

这里考虑的是.net服务器控件checkbox或checkboxList;
假设页面如下,chkDepart是部门,chkPeople是所属部门的人员
<div style="text-align: center" mce_style="text-align: center" width="95%" class="tab">
<asp:DataList ID="DataList1" runat="server" Width="100%" RepeatDirection="vertical"
OnItemDataBound="DataList1_ItemDataBound" GridLines="Horizontal" RepeatLayout="table">
<ItemTemplate>
<tr>
<td>
<asp:CheckBox ID="chkDepart" runat="server" Text="" /></td>
</tr>
<tr>
<td style="text-align: left" mce_style="text-align: left" nowrap="nowrap">
<asp:CheckBoxList RepeatDirection="horizontal" RepeatLayout="table" nowrap="nowrap"
ID="cblPeople" runat="server" /></td>
</tr>
</ItemTemplate>
<ItemStyle HorizontalAlign="Left" />
</asp:DataList>
</div>
设置全选或全不选
function onDepartSelect(chk,iid)
{
var p=chk;var v=0;
for(var fld=0;fld<document.form1.elements.length;fld++)
{
var elt=document.form1.elements[fld];
if(elt.type=="checkbox" && elt.id.indexOf(iid)>-1)
{
elt.checked=chk.checked;
}
}
}

获取所选checkbox的Text
由于checkbox生产的html代码是用label来显示其文本,并且以"for"属性的值和checkbox的id对应,因此可以用
var lbs=document.getElementsByTagName获取所有label,再根据lbs[i].


相关文档:

JavaScript调用现成Word模板完成打印

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>JS调用现成Word模板完成打印</title>
    <script type="text/javascript">
      //转换word的函数
      function ......

JavaScript题型

1.如何获取表单<select>域的选择部分的文本?
<form name="a">
<select name="a" size="1" onchange="_sel(this)">
<option value="a">1</option>
<option value="b">2</option>
<option value="c">3</option>
</select>
</form&g ......

javascript之表单验证 完美提升用户体验

引言
增加客户端的表单验证可以为用户提供更快的体验,但决不能忽视的是,客户端表单验证永远不应该取代服务器端的验证,而只能是辅助和增强。根据经验JavaScript验证表单基本分为以下几方面的内容,必填字段、特殊模式匹配等,还要注意错误的提示方式对一个表单的可用性有着极其重要的影响。
2建立表单
  &nb ......

进一步理解javascript对象、数组和哈希表

在javascript中,对象实际上就是一个哈希表,比如下面这个user对象:
function user(n, a)
{
this.name = n;
this.age = a;
this.toString = function() {
return "Name:" + this.name + ", Age:" + this.age;
}
}
var u = new user("tom", 18);
for (var k in u) {
alert('key: ' ......

Asp.net中自定义控件引用javascript中的日历脚本心得


自定义控件中的页面代码:
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="wcontrol.ascx.cs" Inherits="wcontrol" %>
<script type ="text/javascript">
function PopupCalendar(InstanceName)
{
///Global Tag
this.instanceName=InstanceName;
///Properties
this.separator="-"
t ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号