当页面提供了复选框之后,一般还会提供“全选”与“取消全选”(或”全不选“)按钮。那么如何通过JavaScript代码实现此功能呢?这里提供了一个思路:利用按钮的onclick事件,调用Javascript函数,并根据传入的参数进行“全选”与“取消全选”(或”全不选“)操作,下面是完整的代码,存入一个html文件即可运行演示:
全选
    
     /* 定义函数,两种写法都...
                            
                            
                                分类:
编程语言   时间:
2015-05-18 23:09:22   
                                阅读次数:
219
                             
                         
                    
                        
                            
                            
                                全选设置全选button,选中所有的checkbox        private void selectAll_Click(object sender, EventArgs e)
        {
        //遍历datagridview中的每一行,判断是否选中,若为选中,则选中
            for (int i = 0; i < dataGridView1.Rows.Cou...
                            
                            
                         
                    
                        
                            
                            
                                一、在项目中遇到的CheckBox的全选和取消全选以及其他等解决方案如下: // 对全选和取消全选的事件 $("#CheckAll").click(function () { var checkedOfAll = $(this).prop("checked"); if (checke...
                            
                            
                                分类:
Web程序   时间:
2015-02-28 15:55:23   
                                阅读次数:
162
                             
                         
                    
                        
                            
                            
                                $("#checkedAll").click(function() {$("input[type='checkbox'][name='checkItem']").prop("checked",this.checked);});var $subBox = $("input[type='checkbox...
                            
                            
                                分类:
Web程序   时间:
2015-02-25 16:58:40   
                                阅读次数:
152
                             
                         
                    
                        
                            
                            
                                checkbox全选,反选,取消选择 jquery。//checkbox全部选择$(":checkbox[name='osfipin']").each(function(){	$(this).attr("checked",true);});//checkbox取消全选$(":checkbox[nam...
                            
                            
                                分类:
Web程序   时间:
2015-02-05 13:05:52   
                                阅读次数:
180
                             
                         
                    
                        
                            
                            
                                最近项目又用到了这个全选和取消全选的操作.
以前总是自己写纯JS.现在既然知道怎么写了.那如何用JQ写得更简洁呢.这样也能学到新的东西.如果乎百度一下果然发现了好东东.感谢OSC的iuhoay.
代码如下:
[javascript] view
 plaincopy
"text/javascript" src="/web/bzz_index/pa...
                            
                            
                                分类:
Web程序   时间:
2014-12-22 18:07:09   
                                阅读次数:
337
                             
                         
                    
                        
                            
                            
                                jquery1.11.1版本完成对checkbox的操作1. 使用属性prop设置选中状态2.使用:checked和:not(:checked)获取选中的元素源码:测试CheckBox 测试CheckBox 按钮1 按...
                            
                            
                                分类:
Web程序   时间:
2014-12-11 23:44:20   
                                阅读次数:
290
                             
                         
                    
                        
                            
                            
                                以前做项目需要全选/全选的功能,当时用的jquery做的,第一次可操作,但到第三次点击之后就失效了,找了很多资料,原来是jquery版本的问题。在jquery1.9之前都能实现,但到1.9之后就不行了,我先在这里把代码贴出来 ,需要的朋友可以选择jquery 1.8 但需要搞版本的又需要实现这种功能...
                            
                            
                                分类:
其他好文   时间:
2014-11-19 14:08:03   
                                阅读次数:
215
                             
                         
                    
                        
                            
                            
                                今天项目中遇到一个很简单的需求,全选、取消全选的功能,pa pa pa,代码如下:全选项1项2项3项4
                            
                            
                                分类:
其他好文   时间:
2014-11-04 12:53:16   
                                阅读次数:
160
                             
                         
                    
                        
                            
                            
                                看下面两种实现方法: JS checkbox 方法一:复制代码 代码如下:function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i0){ doc....
                            
                            
                                分类:
Web程序   时间:
2014-09-12 16:45:43   
                                阅读次数:
156