控制复选框的全选或反选-白红宇

控制复选框的全选或反选

阅读量：5064 次

发布时间：2019-06-12

本文共 1072 字，大约阅读时间需要 3 分钟。

在查看数据信息时，经常需要对多条数据进行操作。例如，删除数据时，通过控制复选框的全选或反选，可以批量删除数据等。以下实例，选中“全选/反选”复选框，表单中所有的复选框都将处于选中状态，如图所示：

本实例应用的自定义javascript函数首先判断表单中包含复选框的数量，如果数量大于0，则使用for循环语句设置所有复选框的checked属性为true，如果“全选/反选”复选框处于未选中状态，则设置所有复选框的checked属性值为false。

控制复选框的全选伙反选的关键代码如下：

html代码如下：


       
      
                                  商品信息查看             
                           选择                所属类别                商品名称                会员价                数量             
                                           手机                 P_L音乐手机                 1980                200             
                                           玻璃制品                 迷你水杯                 49                500             
                                           音响                 CXO音响                 2070                 200             
                                           休闲装                 休闲上衣                 195                500             
                                           [全选/反选]

转载于:https://www.cnblogs.com/rabbit2012/archive/2012/12/05/2803920.html

你可能感兴趣的文章

商品信息查看
选择	所属类别	商品名称	会员价	数量
	手机	P_L音乐手机	1980	200
	玻璃制品	迷你水杯	49	500
	音响	CXO音响	2070	200
	休闲装	休闲上衣	195	500
[全选/反选]