Jquery实现三层遍历删除功能代码

aspx页：


代码如下:

<script src="Jquery1.7.js" type="text/javascript"></script>
<script type="text/javascript">
$(function () {
$('#Checkbox1').click(function () {
if ($('#Checkbox1').is(':checked')) {
$('td input').attr('checked', true);
}
else { $('td input').attr('checked', false); }
})
$('#Checkbox2').click(function () {
$('td input').each(function () {
$(this).attr('checked', !$(this).attr('checked'))
})
})
})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Checkbox1" type="checkbox" />全选<input id="Checkbox2" type="checkbox" />反选<asp:Button
ID="Button1" runat="server" Text="删除" onclick="Button1_Click" />
<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="CheckBox3" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Id" HeaderText="编号" />
<asp:BoundField DataField="NewsTitle" HeaderText="标题" />
<asp:BoundField DataField="NewsContent" HeaderText="新闻内容">
<ItemStyle Width="200px" />
</asp:BoundField>
<asp:BoundField DataField="NewsCreator" HeaderText="创建者" />
<asp:BoundField DataField="CreateTime" HeaderText="创建时间" />
</Columns>
</asp:GridView>
</div>
</form>

后台cs文件：


代码如下:

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
load();
}
}
private void load()//就实现绑定
{
Jquery三层实现删除功能.Model.T_News mm = new Model.T_News();
Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News();
string sqlwhere = "Id<25";
ds = bb.GetList(sqlwhere);//获取dataset绑定
this.GridView1.DataSource = ds;
GridView1.DataBind();
}
protected void Button1_Click(object sender, EventArgs e)
{
//遍历每一行
foreach (GridViewRow item in GridView1.Rows)//一定要记住这里是gridviewrow不是datarow
{
CheckBox cb = (CheckBox)item.FindControl("CheckBox3");//找到这个选中项
if (cb.Checked)//选中
{
Jquery三层实现删除功能.BLL.T_News bb = new BLL.T_News();
if (bb.DeleteList(item.Cells[1].Text))//调用bb.DeleteList(id）删除
{
Response.Write("删除成功");
}
load();

赞 (0)

相关推荐

  • jquery ajax实现批量删除具体思路及代码

    jquery ajax实现批量删除具体思路及代码

    js页面jquery代码: 复制代码 代码如下: // JavaScript Document $(document).ready(function() { // 全选 $("#allChk").click(function() { $("input[name='subChk']").prop("checked",this.checked); }); // 单选 var subChk = $("input[name='subChk']&

  • jQuery:节点(插入,复制,替换,删除)操作

    复制代码 代码如下: <html> <head>    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">    <title>jQuery插入,复制.替换和删除节点</title> <script type="text/javascript" src="jquery-1.3.2.js&q

  • Jquery中删除元素的实现代码

    语法: empty() remove(expr); empty用来删除指定元素的子元素,remove用来删除元素,或者设定细化条件执行删除,如: html 复制代码 代码如下: <div> <p id="emptyTest">此标签的使用empty方法删除</p> <p>以下的标签将被删除</p> <p class="emptyTest">准备使用remove方法删除</p> <

  • Jquery实现三层遍历删除功能代码

    aspx页: 复制代码 代码如下: <script src="Jquery1.7.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $('#Checkbox1').click(function () { if ($('#Checkbox1').is(':checked')) { $('td i

  • jQuery+ajax实现批量删除功能完整示例

    jQuery+ajax实现批量删除功能完整示例

    本文实例讲述了jQuery+ajax实现批量删除功能.分享给大家供大家参考,具体如下: 效果展示: 完整代码如下: <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <met

  • jQuery实现的仿select功能代码

    jQuery实现的仿select功能代码

    本文实例讲述了jQuery实现的仿select功能.分享给大家供大家参考.具体如下: 这里重新再次与大家分享jQuery仿select功能,这个实现起来倒不复杂,就当研究一下jQuey插件的用法啦,还望大家喜欢. 运行效果截图如下: 在线演示地址如下: http://demo.jb51.net/js/2015/jquery-fselect-cha-method-codes/ 具体代码如下: <!dooCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Stri

  • python 的列表遍历删除实现代码

    python的列表list可以用for循环进行遍历,实际开发中发现一个问题,就是遍历的时候删除会出错,例如 l = [1,2,3,4] for i in l: if i != 4: l.remove(i) print l 这几句话本来意图是想清空列表l,只留元素4,但是实际跑起来并不是那个结果.再看下面,利用index来遍历删除列表l l = [1, 2, 3, 4] for i in range(len(l)): if l[i] == 4: del l[i] print l 这样没问题,可以遍

  • jquery仿搜索自动联想功能代码

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"

  • jquery 实现表单验证功能代码(简洁)

    jquery 实现表单验证功能代码(简洁)

    1. 页面效果,自动提示验证信息... 2. 页面代码 复制代码 代码如下: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>表单验证页面</title> <link href="../Scripts/themes/default/easyui.css" rel="stylesheet" type="text/css

  • 比较全的JS checkbox全选、取消全选、删除功能代码

    看下面两种实现方法: JS checkbox 方法一: 复制代码 代码如下: function checkAll() { var code_Values = document.all['code_Value']; if(code_Values.length){ for(var i=0;i<code_Values.length;i++) { code_Values[i].checked = true; } }else{ code_Values.checked = true; } } functio

  • ThinkPHP+jquery实现“加载更多”功能代码

    ThinkPHP+jquery实现“加载更多”功能代码

    ThinkPHP+jQuery实现"加载更多" 在很多web端界面中都会用到点击按钮加载最新几条数据的demo,下例为使用thinkphp+jquery实现实例: 要实现的结果大致如下 第一步 模板文件 <!--软件--> <div class="lists switcher-panel switcher-panel-cur"> <ul class="xinhao"> {volist name="ap

  • PHP ajax+jQuery 实现批量删除功能实例代码小结

    PHP ajax+jQuery 实现批量删除功能实例代码小结

    目录结构 piliangshan.php <?php require_once './db_conn.php'; $sql = "select * from user"; $result = mysqli_query($conn, $sql); ?> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>全选演示</tit

  • jquery实现手机端单店铺购物车结算删除功能

    jquery实现手机端单店铺购物车结算删除功能

    手机端一部分用flex布局写在这里看着不爽把css全部删除了.只留下js结算功能js很臃肿,请留下宝贵意见提升性能.改天上多店铺购物车手机端原版截图 效果图: 图(1)全部勾选的效果 图(2)勾选,点击"删除"效果 代码如下: <!DOCTYPE html> <html lang="zh-cn"> <head> <title>购物车</title> <meta http-equiv="Con

随机推荐