 
<head runat="server"> 
<title>無標(biāo)題頁</title> 
<script src="Js/jquery-1.5.1.min.js" type="text/javascript"></script> 
<script src="Js/Demo.js" type="text/javascript"></script> 
</head> 
<body> 
<form id="form1" runat="server"> 
<div id="content"> 
<table> 
<asp:Repeater ID="Repeater1" runat="server"> 
<HeaderTemplate> 
<tr> 
<td> 
<input type="checkbox"> 
</td> 
<td> 
學(xué)生ID 
</td> 
<td> 
學(xué)生姓名 
</td> 
</tr> 
</HeaderTemplate> 
<ItemTemplate> 
<tr> 
<td> 
<input type="checkbox"> 
</td> 
<td style="text-align: center"> 
<%#Eval("studentId") %> 
</td> 
<td style="text-align: center"> 
<%#Eval("name") %> 
</td> 
</tr> 
</ItemTemplate> 
</asp:Repeater> 
</table> 
</div> 
<div> 
<input id="btnDel" type="button" value="刪除"></input> 
</div> 
</form> 
</body> 

后臺

復(fù)制代碼代碼如下:

 
protected void Page_Load(object sender, EventArgs e) 
{ 
StudentBll _bll = new StudentBll(); 
if (Request.QueryString["id"]!=""&&Request.QueryString["id"]!=null) 
{ 
string _ids = Request.QueryString["id"]; 
_bll.Delete(_ids); 
} 
Repeater1.DataSource = _bll.SelectALL(); 
Repeater1.DataBind(); 
} 

Demo.js文件

復(fù)制代碼代碼如下:

 
$(function() { 
// 此函數(shù)是去掉javascript中字符串的開頭和結(jié)尾的空格和換行 
function Trim(str) 
{ 
var statrIndex; 
var endIndes; 
for(i=0;i<str.length;i++) 
{ 
var k=str.charAt(i); 
if (k!="\n"&&k!=" ") 
{ 
statrIndex=i; break; 
} 
} 
for (i=str.length-1;i<str.length;i--) 
{ 
var k=str.charAt(i); 
if (k!="\n"&&k!=" ") 
{ 
endIndes=i; break; 
} 
} 
return str.substring(statrIndex,endIndes+1); 
}; 
$("#btnDel").click(function(){ 
var ids="''"; 
$("#content input:checked").parent().next().each(function(i){ 
ids=ids+",'"+Trim($(this).text())+"'"; 
}); 
$("#content").load("Default.aspx?id="+encodeURI(ids)+"#p-Getting-Started #content") //局部更新Repeater 
}) 
}) 

源碼下載

您可能感興趣的文章:

相關(guān)文章

.Net Core學(xué)習(xí)教程之在Mvc中簡單的使用日志組件
這篇文章主要給大家介紹了關(guān)于.Net Core學(xué)習(xí)教程之在Mvc中簡單使用日志組件的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2018-06-06
ASP.NET MVC中使用log4net的實(shí)現(xiàn)示例
這篇文章主要介紹了ASP.NET MVC中使用log4net的實(shí)現(xiàn)示例，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-01-01
ASP.NET 2.0 URL映射技巧
ASP.NET 2.0 URL映射技巧...
2007-05-05
Repeater事件OnItemCommand取得行內(nèi)控件的方法
這篇文章主要介紹了Repeater事件OnItemCommand取得行內(nèi)控件的方法，有需要的朋友可以參考一下
2014-01-01
AspNetCore中的中間件詳解
ASP.NET Core處理請求的方式看做是一個管道，中間件是組裝到應(yīng)用程序管道中用來處理請求和響應(yīng)的組件，這篇文章主要介紹了AspNetCore中的中間件詳解,需要的朋友可以參考下
2023-05-05
Entity Framework Core批處理SQL語句
這篇文章介紹了Entity Framework Core批處理SQL語句的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-02-02
ASP.NET 控件開發(fā)系列之圖片切換web控件
剛開始學(xué)習(xí)控件開發(fā),寫了一個web圖片切換控件,歡迎大家拍磚.
2010-04-04
Entity Framework中執(zhí)行sql語句
這篇文章介紹了Entity Framework中執(zhí)行sql語句的方法，文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-03-03
CheckBox為CheckBoxList實(shí)現(xiàn)全選或全取消選擇(js代碼實(shí)現(xiàn))
在管理商品后臺是，由于CheckBoxList的選擇太多，用戶需要一個全選或全取消的功能，這樣操作起來會提高效率同時可以減少誤點(diǎn)等，本文將教大家如何實(shí)現(xiàn)，有需要的朋友可以參考下，望本文對你有所幫助
2013-01-01
AspNetPager與Socut.Data使用方法
最近對AspNetPager與Socut.Data這兩個控件產(chǎn)生了濃厚的興趣，這兩個控件配合可以減輕很多程序員編寫代碼的壓力。ASpNetPager為分頁控件，而Socut.Data為數(shù)據(jù)操作控件，ACCESS,MSSQL都可以。
2008-10-10