CheckBox全选与不全选（不用刷新页面）

最新推荐文章于 2022-07-15 08:00:00 发布
最新推荐文章于 2022-07-15 08:00:00 发布
阅读量4.9k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/linlin2294592017/article/details/8348256
版权

aspx文件：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="wangyibushuaxinyemian.aspx.cs" Inherits="_12._18zuoye.wangyibushuaxinyemian" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script language="javascript" type="text/javascript">
// <![CDATA[

        function change(sender) {

            var table = document.getElementById("GridView1");
            for (var i = 1; i < table.rows.length; i++) {
                table.rows[i].cells[0].getElementsByTagName("input")[0].checked = sender.checked;

            }

        }

// ]]>
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
   
        <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False"
            DataKeyNames="sid" DataSourceID="SqlDataSource1">
            <Columns>
                <asp:TemplateField>
                    <HeaderTemplate>
                        <input id="Checkbox2" type="checkbox" οnclick="return change(this)" />
                    </HeaderTemplate>
                    <ItemTemplate>
                        <asp:CheckBox ID="CheckBox1" runat="server" />
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:BoundField DataField="sid" HeaderText="sid" InsertVisible="False"
                    ReadOnly="True" SortExpression="sid" />
                <asp:BoundField DataField="sname" HeaderText="sname" SortExpression="sname" />
                <asp:BoundField DataField="sex" HeaderText="sex" SortExpression="sex" />
                <asp:BoundField DataField="age" HeaderText="age" SortExpression="age" />
            </Columns>
        </asp:GridView>
        <asp:SqlDataSource ID="SqlDataSource1" runat="server"
            ConnectionString="<%$ ConnectionStrings:studentConnectionString %>"
            DeleteCommand="DELETE FROM [student] WHERE [sid] = @sid"
            InsertCommand="INSERT INTO [student] ([sname], [sex], [age]) VALUES (@sname, @sex, @age)"
            SelectCommand="SELECT [sid], [sname], [sex], [age] FROM [student]"
            UpdateCommand="UPDATE [student] SET [sname] = @sname, [sex] = @sex, [age] = @age WHERE [sid] = @sid">
            <DeleteParameters>
                <asp:Parameter Name="sid" Type="Int32" />
            </DeleteParameters>
            <InsertParameters>
                <asp:Parameter Name="sname" Type="String" />
                <asp:Parameter Name="sex" Type="String" />
                <asp:Parameter Name="age" Type="Byte" />
            </InsertParameters>
            <UpdateParameters>
                <asp:Parameter Name="sname" Type="String" />
                <asp:Parameter Name="sex" Type="String" />
                <asp:Parameter Name="age" Type="Byte" />
                <asp:Parameter Name="sid" Type="Int32" />
            </UpdateParameters>
        </asp:SqlDataSource>
   
    </div>
    </form>
</body>
</html>

aspx文件样式：

Web.config文件：

<?xml version="1.0" encoding="utf-8"?>

<!--
  有关如何配置 ASP.NET 应用程序的详细消息，请访问
  http://go.microsoft.com/fwlink/?LinkId=169433
  -->

<configuration>
    <connectionStrings>
        <add name="studentConnectionString" connectionString="Data Source=PC;Initial Catalog=student;User ID=sa;Password=linlin"
            providerName="System.Data.SqlClient" />
    </connectionStrings>
    <system.web>
        <compilation debug="true" targetFramework="4.0" />
    </system.web>

</configuration>

 

Dlinlin
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
jquery实现全选、反选、取消全部等操作(复选框checkbox)
m0_61549984的博客
04-17 1481
this.checked){//一旦有一个未选中，则全选按钮 设置不选中。//将全选框的checked属性设置为false，也就是不选中全选框。//当前控件是选中的则设置为不选中，当前控件未选中的则设置为选中。$(this).parent().parent()是祖父节点tr。//选择class="userid"的控件，设置全部都不选中。//选择class="userid"的控件，让全部都选中。//选择class="userid"的控件，并执行循环。//选择class="userid"的控件。
jquery实现checkbox全选全不选的简单实例
10-26
本篇文章主要是对jquery实现checkbox全选全不选的简单实例进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助
dtree权限控制js+全选，不全选，反选
07-29
dtree权限控制js+全选，不全选，反选，可以自己自定义的去实现。如果没有C币的话可以在我的博客里面找，我已经贴出来了，也可以私聊我要，谢谢！
案例：全选和全不选
zhw13260525048的博客
11-07 443
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head lang="en"&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;style&gt; * { padding: 0; margin: 0;
全选和不全选
qq_43469418的博客
01-09 240
&lt;style&gt; * { padding: 0; margin: 0; } .wrap { width: 300px; margin: 100px auto 0; } table { border-collapse: collapse; border...
利用JavaScript实现全选，不选以及不全选
weixin_43947715的博客
07-27 596
利用JavaScript实现全选，不选以及不全选 实现思路 首先我们可以通过编写三个input里面的属性编辑三个 button，分别为 全选，不选和不全选。 当我们点击三个不同的按钮完成不同的效果。 在这里我们需要了解关于Iinput表单元素的checked属性，只要将checked属性等于true或者false即可，即true全选，false不选，而后通过数组遍历input即可 再用if语句实...
使用js实现“全选”和“不全选”操作
sleeping_xixi的博客
05-12 271
&lt;!DOCTYPE HTML&gt; &lt;html&gt; &lt;head&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;title&gt;无标题文档&lt;/title&gt; &lt;
jQuery实现CheckBox全选、全不选功能
10-20
下面我们将详细讨论如何使用jQuery实现CheckBox全选和全不选的功能。 首先，我们需要在HTML页面中设置一个主Checkbox，通常标记为全选（CheckAll），以及一组子Checkbox，代表具体的选项。这些子Checkbox通常会有一...
winform DataGridView表头带CheckBox全选
03-22
在这个特定的场景中，我们关注的是如何在`DataGridView`的表头添加一个`CheckBox`，以便实现全选和全不选的功能。这将大大提升用户体验，使得用户可以快速地对所有行进行操作，如批量删除、更新等。 首先，我们需要...
js实现checkbox全选、不选与反选的方法
10-24
主要介绍了js实现checkbox全选、不选与反选的方法,以实例形式详细分析了实现的思路及对应的html与js代码的实现过程,非常具有实用价值,需要的朋友可以参考下
checkbox全选/取消全选以及checkbox遍历jQuery实现代码
10-29
"checkbox全选/取消全选以及checkbox遍历jQuery实现代码" CheckBox全选/取消全选是指在一个CheckBox组中，选择或取消选择所有CheckBox的功能。这种功能在实际应用中非常常见，例如在多选题中，用户可以选择所有选项...
checkbox全选反选与批量删js+asp源码
11-11
通过checkbox，用javascript实现全选与反选，通过servlet对数据库进行批量的删除,asp源码
jquery写全选，不全选
张先森
04-12 180
html文件， 会用到的方法是attr（），给属性赋值 首先取到全选框checkbox的值 true 或false 判断获取到的全选框值将其赋给下面复选框
原生JS实现全选和不全选
weixin_30644369的博客
03-07 148
案例演示 源代码 <!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title></title> <style> * { padding: 0; ...
JQ 最少代码实现全选和不全选
一直专注于互联网
01-17 175
&lt;!DOCTYPE html&gt; &lt;html lang="zh-cn"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;/head&gt; &lt;body&gt; &lt;script type="text/javascript" src="jquery
通过JavaScript 实现简单的全选、不全选的思想
yzq0820的博客
07-15 1726
一、思路我们要做到，选择了全选按钮，让下面的所有的按钮都要勾取。 实现的思路是，全选的按钮是否勾取，勾取后通过for循环来得到每一个按钮，赋值上全选按钮的勾取状态。展示效果1：有了全选按钮，实现其他按钮的勾取，我们也要实现，主动勾取完了所有按钮，全选按钮要自动勾取，反之没有勾取完，全选按钮不处于勾取状态 效果展示2：二、实现效果1.h5的布局2.js代码1.获取元素2.获取全选，通过循环将选择按钮都赋上选择状态3.设置，选择按钮全勾选后，全选按钮自动勾取，反之则取消勾.........
checkbox不全部选中，会跳出提示（这个是我记录的重点）
qq_39476989的博客
10-31 425
代码来源于此微博 https://blog.csdn.net/weixin_38007235/article/details/79594055#commentsedit 版权声明：本文为CSDN博主「暗_涌」的原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接及本声明。 原文链接：https://blog.csdn.net/weixin_38007235/article/d...
checkbox全选、全不选
祁梦@
03-18 1357
// 全选、全不选事件 function checkAll() { let allCheck = document.getElementById('allCheck'); let chBox = document.getElementsByName('addressCode'); let len = chBox.length; for (let i = 0; i < len; i++) { // 当...
jq实现checkbox全选全不选
最新发布
05-23
你可以使用以下的代码来实现checkbox全选/全不选的功能： ```javascript // 全选/全不选 $('#all').click(function() { $('input[name="checkbox"]').prop('checked', this.checked); }); // 单个checkbox点击...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值