全选_全选练习 - CSDN
精华内容
参与话题
  • checkbox 全选/取消全选

    千次阅读 2018-09-13 09:12:44
    //checkbox 全选/取消全选 var isCheckAll = false; function swapCheck() { if (isCheckAll) { $("input[type='checkbox']").each(function() { this.checke...
        //checkbox 全选/取消全选  
        var isCheckAll = false;  
        function swapCheck() {  
            if (isCheckAll) {  
                $("input[type='checkbox']").each(function() {  
                    this.checked = false;  
                });  
                isCheckAll = false;  
            } else {  
                $("input[type='checkbox']").each(function() {  
                    this.checked = true;  
                });  
                isCheckAll = true;  
            }  
        }  

     

    展开全文
  • 实现全选功能

    2019-03-25 09:46:47
    <th class="column-title" style='width:55px'> <input type="checkbox" id="all" style='vertical-align:middle'> <label for="all" style='vertical-align:middle;display:inline-block'>...
    <th class="column-title" style='width:55px'>
        <input type="checkbox" id="all" style='vertical-align:middle'>
     	<label for="all" style='vertical-align:middle;display:inline-block'>全选</label>
     </th>
    
     <td class="column-title">
     	<input type="checkbox" name="box" value="{{$value->id}}">
     </td>
    

    js代码:

    $(function () {
                //给全选的复选框添加事件
                $("#all").click(function () {
                    // this 全选的复选框
                    var userids = this.checked;
                    //获取name=box的复选框 遍历输出复选框
                    $("input[name=box]").each(function () {
                        this.checked = userids;
                    });
                });
    
                //给name=box的复选框绑定单击事件
                $("input[name=box]").click(function () {
                    //获取选中复选框长度
                    var length = $("input[name=box]:checked").length;
                    //未选中的长度
                    var len = $("input[name=box]").length;
                    if (length == len) {
                        $("#all").get(0).checked = true;
                    } else {
                        $("#all").get(0).checked = false;
                    }
                });
            });
    
    展开全文
  • aspx文件: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml">     //  function change(sender) { ... var table = document.getElementB

    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>

     

    展开全文
  • JS中全选与取消全选

    千次阅读 2018-05-06 22:41:52
    点击全选复选框,然后所有的复选框都选中,全选变成取消全选,点击取消全选复选框,然后所有的复选框都取消选中,今天...全选&lt;/title&gt; &lt;script type="text/javascript"&gt; fu
    点击全选复选框,然后所有的复选框都选中,全选变成取消全选,点击取消全选复选框,然后所有的复选框都取消选中,今天我们用HTML中的JS代码实现
    下面是代码:

    <!DOCTYPE html>
    <html>
    <head>
    	<title>全选</title>
    	<script type="text/javascript">
    		function my(){
    			var is=document.getElementById('box');//获取全选的复选框
    			var em=is.checked;//判断复选框的选中状态  
    			var iss=document.getElementsByName('box1');//下面所有的复选框
    			var ass=document.getElementById('as');
    			if(em){//如果全选复选框是false 则执行下面代码
    				for(var i=0;i<iss.length;i++){ //循环下面所有复选框,将所有复选框都选中
    					iss[i].checked=true;  
    				}
    				ass.innerHTML='取消全选';//选中后将SPAN中的内容改为取消全选
    			}else{
    				for(var i=0;i<iss.length;i++){
    					iss[i].checked=false;
    				}
    				ass.innerHTML='全选';
    			}
    		}
    	</script>
    </head>
    <body>
    	<input type="checkbox" id="box" οnclick="my()"><span id="as">全选</span>
    	<input type="checkbox" name="box1">学生
    	<input type="checkbox" name="box1">18
    	<input type="checkbox" name="box1">男
    	<input type="checkbox" name="box1">张三
    </body>
    </html>

    结果是:



    展开全文
  • * 绑定全选/取消全选 * @param checkAll 全选复选框 * @param checkOne 单个复选框 */ function onCheckBox(checkAll,checkOne){ checkAll.off('change'); checkOne.off('change'); checkAll.on("c...
  • VUEJS-checkbox全选&全不选

    千次阅读 2019-05-29 17:47:33
    全选&全不选 html: <div class="msg-position c-bg-wt"> <p class="msg-position-p">推送岗位<i class="c-rd">*</i>&nbsp;&nbsp;&nbsp;&nbsp; <span> ...
  • HTML实现全选,全不选

    万次阅读 2018-08-23 23:15:15
    代码如下: &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;Title&lt;/title&gt; &lt;...
  • 全选、全不选,批量操作

    千次阅读 2018-10-15 10:53:27
    &lt;th&gt;全&amp;nbsp;选&lt;br&gt;&lt;input type="checkbox" id="CheckAll" onclick="IsCheckAll()"&gt;&lt;/th&.../a&
  • 用js实现全选和取消全选的功能

    千次阅读 2020-05-23 17:26:21
    &lt;input type="checkbox" id="chkAll" name="...全选 &lt;div id="div1"&gt; &lt;input type="checkbox" id="chk1" name=&q
  • Vim中如何全选并复制?

    万次阅读 2012-12-18 13:24:07
    全部删除:按esc后,然后dG 全部复制:按esc后,然后ggyG 全选高亮显示:按esc后,然后ggvG或者ggVG
  • html input text 得到焦点后自动全选

    万次阅读 2015-08-18 11:41:40
    自动全选 onfocus=”this.select()” onmouseover=”this.focus()” 按一下全选 onfocus=”this.select()”
  • Android EditText全选

    万次阅读 2014-12-09 12:00:50
    获得焦点即全选,好用。 edit.setSelectAllOnFocus(true);
  • easyui datagrid 控件全选

    千次阅读 2017-06-28 09:23:21
    easyui datagrid 控件全选 在datagrid控件中全选功能都是easyUI给做好的,只需要将负责全选的复选框设置下面的这个属性为false属性即可全部选中 singleSelect:false; 然后通过getChecked获取选中的数据就可以了 var...
  • vim实现全选功能

    万次阅读 多人点赞 2012-05-04 10:16:58
    曾经也在找看看有没有快捷的方法全选,但是网上很多都是重复,并且错误的,比如: 1,$y,这是什么?要写也要写成:1,$y,但是我告诉你,写成:1,$y是全部复制,不是全选 dG,这个就更加误导人了,这是删除光标所...
  • Mac全选,剪切和复制粘贴

    千次阅读 2017-08-29 14:54:55
    全选: command+A 剪切: command+X 复制: command+C 粘贴: command+V
  • element-ui 表格表头禁用全选功能

    千次阅读 2020-01-13 14:35:06
    element-ui 貌似没有提供禁用全选的属性或者方法 不过提供了一个全选的事件 select-all 当用户手动勾选全选 Checkbox 时触发的事件 所以我们要是想要它不能全选可以这么写 <el-table ref="multipleTable" @select...
  • vi中全选的命令或者快捷方式

    万次阅读 2011-06-06 14:53:00
    网上有两种说法比较多:“:1,$y”和 “dG”但是我查到有资料显示:1,$y是全部复制,不是全选dG这是删除光标所在行到最后一行的内容(包括光标所在行的内容)还有一个命令是 ggVG解释是:gg 让光标移到首行,在vim才...
  • JQuery实现的 checkbox 全选、反选。

    万次阅读 热门讨论 2012-06-16 15:20:12
    发现网上写的全选的代码,不是完整的,是有bug的。全选它分几种情况 1. 全选的checkbox选中时,子checkbox全部选中。反之,全部不选 2.子checkbox中,只要有没有被选中的,取消全选checkbox的选中 3.子checkbox的...
  • jQuery实现全选、反选和不选功能

    千次阅读 2020-08-17 16:10:58
    HTML代码: &lt;div class="demo"&gt; &lt;ul id="list"&gt; &lt;li&gt;&lt;label&gt;&lt;input type="checkbox"... 1....
  • element ui 表格全选与否

    万次阅读 2017-11-15 15:37:11
    template部分: template> div class="operator"> el-button @click="toggleSelect(tableData)" size="mini">全选/反选el-button> el-button @click="deleteSelect" type="danger" size="mini">删除el-button>
1 2 3 4 5 ... 20
收藏数 96,705
精华内容 38,682
关键字:

全选