初学Jquery,自己想做个在Repater里checkbox全选,但是不知道怎么xie

问题描述

初学Jquery,自己想做个在Repater里checkbox全选,但是不知道怎么xie
 <asp:Repeater ID="repList" runat="server">
             <HeaderTemplate>
                 <table>
                    <tr align="center">
                       <td ><asp:CheckBox ID="CheckBox1" name="stu1" runat="server" /></td>
                       <td  bgcolor="#00FF22">商品ID</td>
                       <td  bgcolor="#00FF22">名称</td>
                       <td  bgcolor="#00FF22">单价</td>
                       <td  bgcolor="#00FF22">描述</td>
                       <td  bgcolor="#00FF22">操作</td>
                    </tr>
             </HeaderTemplate>
             <ItemTemplate>
                <tr align="center" bgcolor="#00FFcc">
                   <td><asp:CheckBox ID="CheckBox2" name="stu" runat="server" /></td>
                   <td><%# Eval("ID") %></td>
                   <td><%# Eval("ShopName")%></td>
                   <td><%# Eval("Price")%></td>
                   <td><%# Eval("Desc")%></td>

                   </td>
                </tr>
             </ItemTemplate>
             <FooterTemplate>
                </table>
             </FooterTemplate>
          </asp:Repeater>

解决方案

之前不是回过你了,服务器端控件配置name没用,最后还是会用id的值来生成name属性值


<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
    $(function () {//绑定事件代码要放DOM loaded事件里面,还有注意jquery版本,1.4-一下用attr,1.5+用prop
        $("input[id$='CheckBox1']").click(function () { $("input[id$='CheckBox2']").prop("checked", $(this).prop("checked")); });
    });
</script>

解决方案二:

服务器端控件配置name没用,最后还是会用id的值来生成name属性值

时间: 2024-09-16 18:03:43

初学Jquery,自己想做个在Repater里checkbox全选,但是不知道怎么xie的相关文章

初学ASP.NET 想做一下象CSDN这个论坛一样的左右结构界面,请问是什么实现的?

问题描述 初学ASP.NET想做一下象CSDN这个论坛一样的左右结构界面,请问是什么实现的? 解决方案 解决方案二:iframehtml解决方案三:不是很清楚,我也想知道.UP一下.解决方案四:这跟ASP.NET没有关系,是HTML的内容,用框架页(frameset)解决方案五:用框架iframe!!!解决方案六:引用1楼bhtfg538的回复: iframehtml iframe只是伪框架,和框架还是有区别的.虽然也可以实现类似功能,但最好还是不要用它来做框架页.解决方案七:<frameset

我想做个这样的下拉复选框,如何实现

问题描述 我想做个这样的下拉复选框,如何实现 解决方案 select无法实现你这种功能,需要用js来模拟.. 多选的:http://www.veryhuo.com/down/html/jquery-multiselect.html 单选:http://www.51xuediannao.com/js/jquery/select2.html 解决方案二: 建议找js插件实现, 解决方案三: 必须要使用插件吗? 我在以前的一家公司是这样的代码,平时也没注意过样式问题,帮分析下吧 multiple='m

jquery数组之存放checkbox全选值示例代码

 使用jquery数组可以存放checkbox全选值,下面有个不错的示例,感兴趣的朋友可以参考下 代码如下: <input type="checkbox" id="checkAll" value="1">全选/全部不选  <input type="checkbox" name="items" value="1">1  <input type="ch

jquery实现checkbox 全选/全不选的通用写法

 本篇文章主要是对jquery实现checkbox 全选/全不选的通用写法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助  代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head>     <script type="text/javascript" src="http://ajax.google

jquery中checkbox全选失效的解决方法_jquery

如果你使用jQuery 1.6 ,代码if ( $(elem).attr("checked") ),将获得一个属性(attribute) ,它不改变该复选框被选中和选中.它只是用来存储默认或选中属性的初始值.为了保持向后兼容,.attr() 方法从 jQuery 1.6.1+ 开始除了返回属性值外,还会更新 property 属性,因此 boolean attribute(布尔属性)不需要通过 .prop() 来改变其值.推荐使用上述方法之一,来取得 checked 的值. 使用jQu

jQuery实现checkbox全选的方法_jquery

本文实例讲述了jQuery实现checkbox全选的方法.分享给大家供大家参考.具体分析如下: 通过checkbox 进行全选和取消全选的操作,如果通过toggle进行处理,则会出现checkbox无法显示对勾的问题. 使用click事件,根据checked属性进行判断即可. 示例: $("#chkRreviewOffline").click(function(){ if(this.checked){ $('#review-offline .btn_checkbox input[typ

jquery checkbox 全选效果代码

jquery checkbox 全选效果代码,很简单的一句代码就可以了,如$('input[type=checkbox]').attr('checked', $(checkbox).attr('checked')); 哦, 下面来看实例 jquery代码如下 <script type="text/网页特效"> function selectall(checkbox) { $('input[type=checkbox]').attr('checked', $(checkbox

利用jQuery实现CheckBox全选/全不选/反选的简单代码_jquery

jQuery有些版本中实现CheckBox全选/全不选/反选会有bug,经测试jquery-1.3.1.js–>测试通过,jquery-1.5.1.js–>测试不通过. 实现CheckBox全选/全不选/反选代码如下: <%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional

基于jQuery的checkbox全选问题分析_jquery

本文实例分析了基于jQuery的checkbox全选问题.分享给大家供大家参考,具体如下: 最近开发项目时遇到一个很奇怪的问题,就是checkbox的全选与全不选 使用jQuery的框架.一直是使用 //检测选中的checkbox $('input[name="abc"]:checked').each(function(){}) 但是,发现我需要全选的时候,使用 $('input[name="abc"]').attr('checked',true); $('inpu