邮箱性质--全选单选的操作和传值 用属性的name传值
封装类
using System;
using System.Collections.Generic;
using System.Web; /// <summary>
/// Ha 的摘要说明
/// </summary>
public class Ha
{
private string _Name; public string Name
{
get { return _Name; }
set { _Name = value; }
} private int _Age; public int Age
{
get { return _Age; }
set { _Age = value; }
}
}
建立方法
using System;
using System.Collections.Generic;
using System.Web;
using System.Data.SqlClient;
using System.Collections; /// <summary>
/// HaData 的摘要说明
/// </summary>
public class HaData
{
SqlConnection cnn = null;
SqlCommand cmd = null;
public HaData()
{
cnn = new SqlConnection("server=.;database=lian;user=sa;pwd=123");
cmd = cnn.CreateCommand();
//
// TODO: 在此处添加构造函数逻辑
//
}
public List<Ha> quan()
{
List<Ha> hlist = new List<Ha>();
cmd.CommandText = "select * from Ha";
cnn.Open();
SqlDataReader ss = cmd.ExecuteReader();
while (ss.Read())
{ Ha h = new Ha();
h.Name = ss[].ToString();
h.Age = Convert.ToInt32(ss[]);
hlist.Add(h);
}
cnn.Close(); return hlist;
}
public List<Ha> zuhecha(string sql, Hashtable h)
{
List<Ha> hlist = new List<Ha>();
cmd.CommandText = sql;
cmd.Parameters.Clear();
foreach (string k in h.Keys)
{
cmd.Parameters.Add(k,h[k]); }
cnn.Open();
SqlDataReader ss = cmd.ExecuteReader();
while (ss.Read())
{
Ha hh = new Ha();
hh.Name = ss[].ToString();
hh.Age = Convert.ToInt32(ss[]);
hlist.Add(hh); }
cnn.Close();
return hlist; }
public List<Ha> fenyecha(int dijiye, int meiyeshu)
{
List<Ha> hlist = new List<Ha>();
cmd.CommandText = "select top "+meiyeshu+" * from Ha where Name not in (select top "+((dijiye-)*meiyeshu)+" Name from Ha) ";
cnn.Open();
SqlDataReader ss = cmd.ExecuteReader();
while (ss.Read())
{
Ha h = new Ha();
h.Name = ss[].ToString();
h.Age = Convert.ToInt32(ss[]);
hlist.Add(h);
}
cnn.Close();
return hlist;
} public bool delete(string name)
{
bool a = false;
cmd.CommandText = "delete from Ha where Name=@a";
cmd.Parameters.Clear();
cmd.Parameters.Add("@a",name);
cnn.Open();
try
{
cmd.ExecuteNonQuery();
a = true;
}
catch { } cnn.Close();
return a;
}
public bool insert(Ha h)
{
bool a = false;
cmd.CommandText = "insert into Ha values(@a,@b)";
cmd.Parameters.Clear();
cmd.Parameters.Add("@a",h.Name);
cmd.Parameters.Add("@b",h.Age);
cnn.Open();
try
{
cmd.ExecuteNonQuery();
a = true;
}
catch { }
cnn.Close();
return a; } }
设定样式
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form id="form1" runat="server">
<asp:Repeater ID="Repeater1" runat="server">
<HeaderTemplate>
<table style="width:50%; text-align:center">
<tr style="background-color:blue; color:white">
<td><input type="checkbox" id="quanxuan" /><label for="quanxuan" >全选</label></td>
<td>姓名</td>
<td>年龄</td>
</tr>
</HeaderTemplate>
<ItemTemplate>
<tr style="background-color:gray">
<td style="width:20%"><input type="checkbox" value="<%#Eval("Name") %>" class="danxuan" name="danxuan" />单选</td>
<td><%#Eval("Name") %></td>
<td><%#Eval("Age") %></td>
</tr>
</ItemTemplate>
<FooterTemplate>
</table>
</FooterTemplate>
</asp:Repeater> <asp:Button ID="Button1" runat="server" Text="删除" />
</form>
</body>
</html>
<script>
var al = document.getElementsByClassName("danxuan");//获取所有单选数组
document.getElementById("quanxuan").onclick = function ()//全选按钮的点击事件
{
for (i in al)//I返回值是al的所有索引号
{
al[i].checked = this.checked;//所有单选的选择状态=全选按钮的选择状态
}
}
for (i in al)//给每个“单选”添加单击事件
{ al[i].onclick = function ()
{
var count = ;//记录没有被选择的按钮的数量
for (j in al)
{
if (al[j].checked == false)//如果没有被选中
{
count++;//数量加1
}
} if (count == )
{
document.getElementById("quanxuan").checked = true;//如果没有被选择的按钮的数量为0,全选就被选中
}
else {
document.getElementById("quanxuan").checked = false;
} } } </script>
设置功能 属性里的name当页面刷新时,都跳name所在位置的value值。自己需要那个就用request["name"]来接受。
using System;
using System.Collections.Generic;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls; public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
Ha h = new Ha();
h.Name = Request["name"];//接受html页name为“name”的value值
h.Age = Convert.ToInt32(Request["age"]);//接受html页name为“age”的value值
bool aa = new HaData().insert(h);
if (aa == true)
{
Response.Write("<script>alert('插入成功');</script>");
}
if (aa == false)
{
Response.Write("<script>alert('插入失败');</script>");
} Button1.Click += Button1_Click;//删除按钮的点击事件
if (!IsPostBack)
{
Repeater1.DataSource = new HaData().quan();
Repeater1.DataBind(); }
} void Button1_Click(object sender, EventArgs e)//删除按钮的点击事件
{
string a = Request["danxuan"];//接收被选中框的value值(用name值)
if (a == "")
{ }
else
{
string[] name = a.Split(',');//将名字分成数组
string shiname = "";
string chengname = "";
for (int i = ; i < name.Length; i++)
{
bool b = new HaData().delete(name[i]);
if (b)
{ chengname += name[i]+" ";
}
else
{
shiname = name[i] + " ";
}
} Response.Write("<script>alert('删除成功有" + chengname + ",删除失败的有" + shiname + "');</script>");
Repeater1.DataSource = new HaData().quan();//重新绑定数据源
Repeater1.DataBind(); }
}
}
纯html添加功能 (form中method为用什么方式进行提交,action为将数据提交到哪里去)
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<form action="Default.aspx" method="post">//method为用什么方式进行提交,action为将数据提交到哪里去
姓名:<input type="text" name="name" /><br />
年龄:<input type="text" name="age" id="age" />
<input type="submit" value="提交添加" />
</form>
</body>
</html>
<script>
var age = document.getElementById("age");
age.onkeyup = function ()//限定数字
{
if (isNaN(age.value.trim()))
{
this.value = this.value.trim().substr(, this.value.trim().length-);
} } </script>
完!!
邮箱性质--全选单选的操作和传值 用属性的name传值的更多相关文章
- vue开发购物车,解决全选单选问题
实现全选单选,在vue中无法通过this获取input中的checkbox的checked属性,但是可以通过vue对input的特殊方式v-model来实现对应数据的绑定,同样也可以通过这种方式实现购 ...
- vue-实现全选单选
在获取列表页面数据时,通过forEach遍历存储数据的对象,给对象中添加一个selected变量,值为布尔值. 点击全选时,通过遍历将对象中selected的布尔值改变 点击单选时,被点中的通过筛选加 ...
- checkbox 全选 单选的使用
绑定数据 if (!IsPostBack) { using (UsersDataContext con = new UsersDataContext()) { Repeater1.DataSource ...
- element-ui 里面el-checkbox多选框,实现全选单选
data里面定义了 data:[], actionids:[],//选择的那个actionid num1:0,//没选择的计数 num2:0,//选中的计数 ...
- Jquery全选单选功能
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm6.aspx. ...
- jq 操作表单中 checkbox 全选 单选
知识点: Note: 1: .prop() 和 .attr() 方法的区别 .prop() 针对标签既有属性 .attr() 针对自定义属性 2: $('input:checked')即为选中元素. ...
- DataGrid列中加入CheckBox 全选 点击Header全选 和 只操作选中部分 功能的实现
先写个效果 中午接着写 反正没人看 只是给自己记录
- jQuery中表单的常用操作(全选、反选)
表单的全选.反选操作一 <form method="post" action=""> 你爱好的运动是?<input type="ch ...
- js实现表单checkbox的单选,全选
全选&单选 //<input type="checkbox" name="" class="quan" value=" ...
随机推荐
- UISearchController的使用
- (void)addSearchController { _searchController = [[UISearchController alloc] initWithSearchResultsC ...
- [转]Apache Maven 入门篇(下)
原文地址: Apache Maven 入门篇(下) 作者:George Ma 第一篇文章大概的介绍了一下Apache Maven以及它的下载和安装,并且运行了一个简单的示例.那么在对maven有了一点 ...
- Android -- 自定义View小Demo,关于Rect绘制Android机器人(一)
1,关于Rect和RectF类的区别以前一直没有去关注它,刚刚了解了一下才知道都是用来确定矩形的区域,不过Rect是int类型的坐标而RectF是float类型的坐标,所以说RectF要更加精确.现在 ...
- u盘安装centos
1. 下载centos系统2. 使用UltraISO制作u盘启动.制作方法:http://jingyan.baidu.com/article/a378c960630e61b329283045.html ...
- 夺命雷公狗---node.js---17之项目的构建在node+express+mongo的博客项目2之一,二级路由
然后我们就来开始搭建后台了... 不过后台我们可以来玩玩他的二级路由... 然后再去修改下他们的样式即可......修改方法和刚才那里的修改方法一样, 访问效果如下所示: OK,已经正常相识了
- LDA-math-文本建模
http://cos.name/2013/03/lda-math-text-modeling/ 4. 文本建模 我们日常生活中总是产生大量的文本,如果每一个文本存储为一篇文档,那每篇文档从人的观察来说 ...
- PAT乙级 1003. 我要通过!(20)
答案正确”是自动判题系统给出的最令人欢喜的回复.本题属于PAT的“答案正确”大派送 —— 只要读入的字符串满足下列条件,系统就输出“答案正确”,否则输出“答案错误”. 得到“答案正确”的条件是: 1. ...
- UIView完全置顶的方法
一般来说,若需要独立添加一个UIView,使其覆盖于整个应用窗口之上,是这样实现的: AppDelegate *app = (AppDelegate *)[[UIApplication sharedA ...
- js对select动态添加和删除OPTION
<select id="ddlResourceType" onchange="getvalue(this)"> </select> 动态 ...
- PHP自定义函数格式化json数据怎么调用?
<?php/*** Formats a JSON string for pretty printing** @param string $json The JSON to make pretty ...