DataList实现CheckBox的全选/全消.

最新推荐文章于 2022-07-04 21:54:24 发布

转载最新推荐文章于 2022-07-04 21:54:24 发布 · 752 阅读

文章标签：

#javascript #input #generator #html #function

ASP.NET技术同时被 2 个专栏收录

60 篇文章

订阅专栏

JavaScript

8 篇文章

订阅专栏

本文介绍了一种使用JavaScript在客户端实现全选页面上CheckBox的方法。通过简单的HTML和JavaScript代码，可以轻松地为多个CheckBox添加全选/取消全选的功能。

在网上找了很多关于DataList实现CheckBox的全选/全消的例子,就这一例子适合我.

录下...

用Javascript在客户端实现遍历DataList控件,像MSN中的全选;

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> 用一个Check或者按钮全选页面上的CheckBox </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="活靶子">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY>
<form name=frm>
<input type=checkbox value="第一个">
</br>
<input type=checkbox value="第二个">
</br>
<input type=checkbox value="第三个">
</br>
<input type=checkbox value="第四个">
</br>
<input type=checkbox value="第五个">
</br>
<input type="checkbox" name="allbox" value="Check All" onClick="CheckAll();"><font color="#6666FF">
<a href="javascript:CheckAll();" onClick="allbox.checked=!allbox.checked" style="font-size:12px">选中所有CheckBox</a>
</form>
<script language="JavaScript">

</script>
</BODY>
</HTML>