龙盟编程博客 | 无障碍搜索 | 云盘搜索神器
快速搜索
主页 > web编程 > Javascript编程 >

用Javascript操纵GridView中CheckBox的两个常用技巧

时间:2013-03-06 14:58来源:未知 作者:admin 点击: 次
分享到：
这篇文章同样是为了解决一个博文中的提问：关于JS读取gridview,checkbox选择情况。当然，下面的实现中，有一半是为解决这个问题而做的，另一半是很久前帮另一位朋友做的，同样关于

这篇文章同样是为了解决一个博文中的提问：关于JS读取gridview,checkbox选择情况。当然，下面的实现中，有一半是为解决这个问题而做的，另一半是很久前帮另一位朋友做的，同样关于Javascript对GridView中的CheckBox的操作，只是操作顺序完全反过来了，不是获取所有选择的项，而是根据用户的输入，自动选择选择相应的项。

虽然是为了解决GridView中的CheckBox操纵问题，但实际上功能并不仅限于GridView中，稍加改动就可以用到其他的场景，甚至都不用改动（不知道有没有这么好糊弄的客户）。

代码依然帖在下面，比上一篇 用Javascript/CSS实现GridView行背景色交替、点击行变色长了很多，不过我感觉注释依然足够详细，所以也应该很容易理解，可以把下面两个文件的代码直接复制到你的项目中直接执行。最下面有文件的下载地址，可以直接下载后运行，代码在IE7和Firefox2下测试通过。

CheckBox.aspx

主要包含一个GridView，里面包含了我们要折腾的CheckBox，还有一大~~~~堆的Javascript，当然也还是我们折腾的重要手段，只是目标基本已经换成了GridView中的CheckBox，和GridView本身并没有太大关系 。

<%@ 
Page Language="C#" AutoEventWireup="true" CodeFile="CheckBox.aspx.cs" 
Inherits="CheckBox" %>



  
CheckBox


  

      

          

              

            
      
        
              " />
    
              
              

            
  
  
            
            
  
              
      
          
                DataFormatString="点击打开" 
      
            HeaderText="Link" HtmlEncode="False" 
/>
          
      
      

已选择的项：

      
要选择的项：

      

当从上面GridView中选择或取消选择一项时，“已选择的项”中会自动更新为当前所有选中项的ID。

      

在“要选择的项”里填写要选择的项的ID（ID间用英文逗号分隔），点击“选择”可自动选中要选择的项。

  

  


      




   
    
    
   











 























 
精彩图集

    


	  

		

		   node+express+ejs制作简单页面上手指南_node.js

		

			node+express+
		

	



		

		   js点亮星星评分并获取参数的js代码

		

			js点亮星星评
		

	



		

		   鼠标滑过出现预览的大图提示效果

		

			鼠标滑过出
		

	



		

		   查找Oracle高消耗语句的方法

		

			查找Oracle高
		

	



		

		   PHP开发者必须掌握的6个关键字

		

			PHP开发者必
		

	


		
	

	

    

	
	

 
	 


    



 

  

  
    
	
	

 




  
热门标签




 


 

  
赞助商链接