Go homepage(回首页) Upload pictures (上传图片) Write articles (发文字帖)
The author:(作者)归海一刀published in(发表于) 2014/1/30 1:12:50 用javascript操纵GridView中CheckBox的两个常用技巧_[Asp.Net教程]
这篇文章同样是为了解决一个博问中的提问: 提问:关于JS读取gridview,checkbox选择情况。当然,下面的实现中,有一半是为解决这个问题而做的,另一半是很久前帮另一位朋友做的,同样关于javascript对GridView中的CheckBox的操作,只是操作顺序完全反过来了,不是获取所有选择的项,而是根据用户的输入,自动选择选择相应的项。
虽然是为了解决GridView中的CheckBox操纵问题,但实际上功能并不仅限于GridView中,稍加改动就可以用到其他的场景,甚至都不用改动(不知道有没有这么好糊弄的客户)
代码依然帖在下面,比上一篇 用javascript/css实现GridView行背景色交替、点击行变色 长了很多,不过我感觉注释依然足够详细,所以也应该很容易理解,可以把下面两个文件的代码直接复制到你的项目中直接执行。最下面有文件的下载地址,可以直接下载后运行,代码在IE7和Firefox2下测试通过,有任何问题,请在下面留言,我将尽量及时回复。
CheckBox.aspx主要包含一个GridView,里面包含了我们要折腾的CheckBox,还有一大~~~~堆的javascript,当然也还是我们折腾的重要手段,只是目标基本已经换成了GridView中的CheckBox,和GridView本身并没有太大关系
已选择的项:
要选择的项:onclick="CheckThem()" />
当从上面GridView中选择或取消选择一项时,“已选择的项”中会自动更新为当前所有选中项的ID。
在“要选择的项”里填写要选择的项的ID(ID间用英文逗号分隔),点击“选择”可自动选中要选择的项。
CheckBox.aspx.cs还是用来生成测试数据的,不然前面的GridView里没东西,就没得折腾了
示例文件:点击这里下载示例文件
赞