asp.net复选框的全选全不选功能的实现asp:checkbox

最新推荐文章于 2018-06-08 17:19:00 发布
最新推荐文章于 2018-06-08 17:19:00 发布
阅读量523 收藏
点赞数
分类专栏： c#(asp.net) 文章标签： ASP.net ASP .net CSS F# 
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Register.aspx.cs" Inherits="Register" %>


<!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>
    <link rel="stylesheet" type="text/css" href="../css/Frame.css" />
    <link rel="stylesheet" type="text/css" href="../css/BackgroundTwo.css" />
</head>
<SCRIPT language=javascript>
<!-- 全选 -->
function selectall(v){
  var f = document.form1;
  for (i=0;i<f.elements.length;i++)
     f.elements[i].checked = v;
  document.form1.elements["CheckBox13"].checked = v;
}

<!-- 改变选择列的颜色 -->
function changechecked(checkbut){
 var v =checkbut.checked;
 
 if (v) {
     checkbut.checked = true;
     if(isallselected()){
      document.form1.elements["CheckBox13"].checked = true;
     }
    }else{
     document.form1.elements["CheckBox13"].checked = false;
     checkbut.checked = false;
    }
}

<!-- 是否有选中？ -->
function isselected(){
  var f = document.form1;
  for (i=0;i<f.elements.length;i++)
    if ((f.elements[i].name=="CheckBox13") && (f.elements[i].checked)) return true;
  return false;
}

<!--是否全部选中？ -->
function isallselected(){
 var selectcount = 0;
 var allcount=0;
 
 var f=document.form1;

for(i=0;i<f.elements.length;i++){
  if(f.elements[i].type=="checkbox"&&f.elements[i].id!="CheckBox13")
  if (f.elements[i].checked!=true){
    alert(f.elements[i].id);
   return false;
  }
 }
  return true;

}


</SCRIPT>

<body>
    <form id="form1" runat="server" >
    <div>


   
   
        <asp:CheckBox ID="CheckBox13" runat="server" οnclick="selectall(this.checked)" />全选<br />
        <asp:CheckBox ID="CheckBox1" runat="server" />有效期：<input runat="server" id="txt_yxq" type="text" />
        <asp:CheckBox ID="CheckBox2" runat="server" οnclick=changechecked(this) />违法性质：
        <asp:TextBox ID="txt_wfxz" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox3" runat="server" οnclick=changechecked(this) />号牌种类：<asp:DropDownList ID="DropDownList2"
            runat="server">
        </asp:DropDownList>
        <asp:CheckBox ID="CheckBox4" runat="server" οnclick=changechecked(this) />号牌号码：
        <asp:TextBox ID="txt_hphm" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox5" runat="server" οnclick=changechecked(this) />违法类型：<asp:DropDownList ID="DropDownList3"
            runat="server">
        </asp:DropDownList>
        <asp:CheckBox ID="CheckBox6" runat="server" οnclick=changechecked(this) />发动机号：
        <asp:TextBox ID="txt_fdjh" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox7" runat="server" οnclick=changechecked(this) />车辆品牌：<asp:TextBox ID="txt_clpp" runat="server"></asp:TextBox>
        <asp:CheckBox ID="CheckBox8" runat="server" οnclick=changechecked(this) />车驾号：
        <asp:TextBox ID="txt_cjh" runat="server"></asp:TextBox><br />
        <asp:CheckBox ID="CheckBox9" runat="server" οnclick=changechecked(this) />所有人：<asp:TextBox ID="txt_syr" runat="server"></asp:TextBox>
        <asp:CheckBox ID="CheckBox10" runat="server" οnclick=changechecked(this) />车辆类型：<asp:DropDownList ID="DropDownList4"
            runat="server">
        </asp:DropDownList><br />
        <asp:CheckBox ID="CheckBox11" runat="server" οnclick=changechecked(this) />车身颜色：<asp:DropDownList ID="DropDownList5"
            runat="server">
        </asp:DropDownList>
        <asp:DropDownList ID="DropDownList6" runat="server">
        </asp:DropDownList><br />
        <asp:CheckBox ID="CheckBox12" runat="server" οnclick=changechecked(this) />备注：<br />
        <asp:TextBox ID="txt_bz" runat="server" Height="125px" TextMode="MultiLine" Width="402px"></asp:TextBox><br /><br />
       
        <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>

        <input id="insert" runat="server" type="submit" value="加入黑名单列表" onserverclick="insert_ServerClick" /><br />
        <br />
         动态下拉：
       
        <asp:DropDownList ID="DropDownList1" runat="server" >
        </asp:DropDownList>
       
       
        </div>
    </form>
</body>
</html>

 ------------------------------------------------------------------------------------

 

 

 

 

<!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><title>
 无标题页
</title><link rel="stylesheet" type="text/css" href="../css/Frame.css" /><link rel="stylesheet" type="text/css" href="../css/BackgroundTwo.css" /></head>
<SCRIPT language=javascript>
<!-- 全选 -->
function selectall(v){
  var f = document.form1;
  for (i=0;i<f.elements.length;i++)
     f.elements[i].checked = v;
  document.form1.elements["CheckBox13"].checked = v;
}

<!-- 改变选择列的颜色 -->
function changechecked(checkbut){
 var v =checkbut.checked;
 
 if (v) {
     checkbut.checked = true;
     if(isallselected()){
      document.form1.elements["CheckBox13"].checked = true;
     }
    }else{
     document.form1.elements["CheckBox13"].checked = false;
     checkbut.checked = false;
    }
}

<!-- 是否有选中？ -->
function isselected(){
  var f = document.form1;
  for (i=0;i<f.elements.length;i++)
    if ((f.elements[i].name=="CheckBox13") && (f.elements[i].checked)) return true;
  return false;
}

<!--是否全部选中？ -->
function isallselected(){
 var selectcount = 0;
 var allcount=0;
 
 var f=document.form1;

for(i=0;i<f.elements.length;i++){
  if(f.elements[i].type=="checkbox"&&f.elements[i].id!="CheckBox13")
  if (f.elements[i].checked!=true){
    alert(f.elements[i].id);
   return false;
  }
 }
  return true;

 
 
 
 
 
  

}


</SCRIPT>

<body>
    <form name="form1" method="post" action="Register.aspx" id="form1">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUKMTM3OTUyNTM4NA9kFgICAw9kFgICOQ8QDxYGHg1EYXRhVGV4dEZpZWxkBQNkbXoeDkRhdGFWYWx1ZUZpZWxkBQNkbXoeC18hRGF0YUJvdW5kZ2QQFQkCYWECYWICYWMCYWQCYWUCYWYCYWcCYWgCYWkVCQJhYQJhYgJhYwJhZAJhZQJhZgJhZwJhaAJhaRQrAwlnZ2dnZ2dnZ2dkZBgBBR5fX0NvbnRyb2xzUmVxdWlyZVBvc3RCYWNrS2V5X18WDQUKQ2hlY2tCb3gxMwUJQ2hlY2tCb3gxBQlDaGVja0JveDIFCUNoZWNrQm94MwUJQ2hlY2tCb3g0BQlDaGVja0JveDUFCUNoZWNrQm94NgUJQ2hlY2tCb3g3BQlDaGVja0JveDgFCUNoZWNrQm94OQUKQ2hlY2tCb3gxMAUKQ2hlY2tCb3gxMQUKQ2hlY2tCb3gxMh2SM5uEghFLMH6ZQJD7lmvfNIfk" />
</div>

<script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
    theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</script>


    <div>


   
   
        <input id="CheckBox13" type="checkbox" name="CheckBox13" οnclick="selectall(this.checked);" />全选<br />
        <input id="CheckBox1" type="checkbox" name="CheckBox1" />有效期：<input name="txt_yxq" type="text" id="txt_yxq" />
        <input id="CheckBox2" type="checkbox" name="CheckBox2" οnclick="changechecked(this);" />违法性质：
        <input name="txt_wfxz" type="text" id="txt_wfxz" /><br />
        <input id="CheckBox3" type="checkbox" name="CheckBox3" οnclick="changechecked(this);" />号牌种类：<select name="DropDownList2" id="DropDownList2">

</select>
        <input id="CheckBox4" type="checkbox" name="CheckBox4" οnclick="changechecked(this);" />号牌号码：
        <input name="txt_hphm" type="text" id="txt_hphm" /><br />
        <input id="CheckBox5" type="checkbox" name="CheckBox5" οnclick="changechecked(this);" />违法类型：<select name="DropDownList3" id="DropDownList3">

</select>
        <input id="CheckBox6" type="checkbox" name="CheckBox6" οnclick="changechecked(this);" />发动机号：
        <input name="txt_fdjh" type="text" id="txt_fdjh" /><br />
        <input id="CheckBox7" type="checkbox" name="CheckBox7" οnclick="changechecked(this);" />车辆品牌：<input name="txt_clpp" type="text" id="txt_clpp" />
        <input id="CheckBox8" type="checkbox" name="CheckBox8" οnclick="changechecked(this);" />车驾号：
        <input name="txt_cjh" type="text" id="txt_cjh" /><br />
        <input id="CheckBox9" type="checkbox" name="CheckBox9" οnclick="changechecked(this);" />所有人：<input name="txt_syr" type="text" id="txt_syr" />
        <input id="CheckBox10" type="checkbox" name="CheckBox10" οnclick="changechecked(this);" />车辆类型：<select name="DropDownList4" id="DropDownList4">

</select><br />
        <input id="CheckBox11" type="checkbox" name="CheckBox11" οnclick="changechecked(this);" />车身颜色：<select name="DropDownList5" id="DropDownList5">

</select>
        <select name="DropDownList6" id="DropDownList6">

</select><br />
        <input id="CheckBox12" type="checkbox" name="CheckBox12" οnclick="changechecked(this);" />备注：<br />
        <textarea name="txt_bz" rows="2" cols="20" id="txt_bz" style="height:125px;width:402px;"></textarea><br /><br />
       
        <span id="Label1">Label</span>

        <input name="insert" type="submit" id="insert" value="加入黑名单列表" /><br />
        <br />
         动态下拉：
       
        <select name="DropDownList1" id="DropDownList1">
 <option value="aa">aa</option>
 <option value="ab">ab</option>
 <option value="ac">ac</option>
 <option value="ad">ad</option>
 <option value="ae">ae</option>
 <option value="af">af</option>
 <option value="ag">ag</option>
 <option value="ah">ah</option>
 <option value="ai">ai</option>

</select>
       
       
        </div>
   
<div>

 <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWIAKA18KbCgKC5JO8CQKC5Ne7CQKIlpbICQL/49e7CQLT9uauCQKA5Ne7CQL949e7CQLmiaC+BgL+49e7CQL749e7CQK+t/jbDQL849e7CQLnrOiUDwL549e7CQLvifywAwL649e7CQLB2sCICwKC5Je8CQKC5Ju8CQKC5I+8CQKK+7b4BgKakYGXBgKii6mKBgKii62KBgKii5GKBgKii5WKBgKii5mKBgKii52KBgKii4GKBgKii8WKBgKii8mKBmJ+9uRqJBP2GirYNTJxv1XRnWuD" />
</div></form>
</body>
</html>

 

黑色头发  http://heisetoufa.iteye.com

limon758
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
ASP.NET来实现全选和全不选功能
gengyudan的专栏
12-18 2628
运用GridView控件和SqlDataSource数据源来实现其功能   1、前台设计：     function chage(sender) {         var table = document.getElementById("GridView1");         for (var i = 1; i             table.rows[i].cells[
ASP.NET Gridview与checkbox全选、全不选实现代码
10-29
ASP.NET Gridview checkbox全选与全不选实现代码，其实原理就是利用js来实现的，但需要简单的设置下回传。
asp.net动态加载checkbox的全选/全不选
weixin_30617561的博客
05-26 147
asp.net动态加载checkbox的全选/全不选:以下为演示例子 CheckAlll.aspx <%@PageLanguage="C#"AutoEventWireup="true"CodeBehind="CheckAll.aspx.cs"Inherits="TJBASE.Web.CheckAll"%> <!DOCTYPEhtmlPUBLIC"-//...
asp分页，复选框全选，选中的全删
yaasshole
11-30 249
&lt;!--#include file="conn.asp"--&gt;&lt;%if request.QueryString("action")="del" then'Response.Write(request("selectdel"))conn.execute "delete from shopxp_news where newsid in ("&amp;request
asp.net(C#)DropDownList控件里CheckBox全选、反选和删除
11-03
asp.net(C#)，DataList控件里嵌入CheckBox，实现全选、反选以及删除功能。
asp.net gridview中用checkbox全选的几种实现的区别
10-29
本文将详细介绍在*** GridView中使用CheckBox实现全选功能的几种不同方法，并分析它们之间的区别及效率问题。 首先，我们来了解几种常见的实现方式： 1. 自动列生成器方法： 这是最简单的实现方式。在GridView的...
在asp.net中实现datagrid checkbox 全选的方法
01-01
 <asp DataGrid AutoGenerateColumns=”false” OnItemCreated u201ditemcreate” DataKeyField=”link_id” ID u201dmydg” runat=”server” >  <asp>  <asp CheckBox ID=”checkall” ...
ASP.NET中CheckBoxList复选框列表控件详细使用方法
10-22
此外，CheckBoxList还可以实现反向选择功能，即如果选中了某个复选框，则其他所有复选框都将取消选中状态。这可以通过遍历CheckBoxList中每个项，并检查是否被选中来实现。如果被选中，则将其他所有项的Selected属性...
在asp.net下实现checkbox全选
孤鸿寄语
07-16 2503
由于在asp.net下，服务器控件会将自动生成ID和name属性。所以用javascrip实现全选比较麻烦。 笔者通过查找资料，觉得从简单角度来实现的话，采用javascrip + jquery一起混合使用来实现比较简单。 下面是代码： function quanxuan() { var obj=document.getElementById("btnSelectAll"); i
全选、全不选和反选
hljncxjh的专栏
07-29 440
  网页特效代码|ffasp.com|---复选框全选、全不选和反选的效果实现function checkAll() {for (var j = 1; j box = eval("document.checkboxform.C" + j); if (box.checked == false) box.checked = true;   }}function uncheckAll() {
checkbox全选反选与批量删js+asp源码
11-11
通过checkbox，用javascript实现全选与反选，通过servlet对数据库进行批量的删除,asp源码
asp精简checkbox全选代码
weixin_30832143的博客
06-08 266
<script language="javascript">function checkall(form) { for (var i=0;i<form.elements.length;i++) { var e = form.elements[i]; if (e.name != "chkall"&&e.disabled==false)...
asp.net程序中实现checkbox全选代码
冲浪小子专栏
06-04 1305
程序开发中经常会要用到checkbox的全选，通常情况下是在一些数据绑定控件中如gridview 等 。下面以repeater 为例，在repeater的header 和item中放入checkbox控件                                                                                          
asp.net mvc checkbox 全选/反选  多选获取值
雪碧的博客
03-16 6141
1.新建一个隐藏域 2.  全选 3.写 JS           //checkbox 全选/取消全选         var isCheckAll = false;         function swapCheck() {             if (is
复选框全选（二） 使用ID实现全选
weixin_30444105的博客
08-28 606
function selectAll(bool) { for(var i = 0;i < document.all.tags("INPUT").length;i++) { if(document.all.tags("INPUT")[i].type == "checkbox" ...
javascript实现复选框全选/全不选，与asp删除选中的相应记录
小刀的博客-InfoMax极点信息-infomaxyz@qq.com
10-28 2901
 .js文件 // JavaScript Documentfunction checkAll(e,itemName){    //全选函数 var aa=document.getElementsByName(itemName); for(var i=0;i  aa[i].checked=e.checked; }}function checkItem(e,allName){   //
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值