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].
相关文档:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>JS调用现成Word模板完成打印</title>
<script type="text/javascript">
//转换word的函数
function ......
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验证表单基本分为以下几方面的内容,必填字段、特殊模式匹配等,还要注意错误的提示方式对一个表单的可用性有着极其重要的影响。
2建立表单
&nb ......
在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: ' ......
自定义控件中的页面代码:
<%@ 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 ......