這章內容比較簡單,直接上頁面代碼:
<% @ Page Language = " C# " AutoEventWireup = " true " CodeFile = " Recipe6.aspx.cs " Inherits = " Recipe6 " %>
<! 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 > Recipe6 </ title >
< script src ="Scripts/jquery-1.4.1-vsdoc.js" type ="text/javascript" ></ script >
< script type ="text/javascript" >
$( function () {
$( " #<%=chkSelectAll.ClientID %> " ).click( function () {
// 很簡單,一行代碼搞定
$( " #<%=chkList.ClientID %> input[type=checkbox] " ).attr( " checked " , $( " #<%=chkSelectAll.ClientID %> " ).is( " :checked " ));
});
});
</ script >
</ head >
< body >
< form id ="form1" runat ="server" >
< div align ="left" >
< p >
實現全選或全取消操作 </ p >
< fieldset style ="width: 400px; height: 150px;" >
< asp:CheckBox ID ="chkSelectAll" runat ="server" Text ="全選" />
< hr />
< asp:CheckBoxList ID ="chkList" runat ="server" >
< asp:ListItem Value ="1" Text ="C#" ></ asp:ListItem >
< asp:ListItem Value ="2" Text ="Java" ></ asp:ListItem >
< asp:ListItem Value ="3" Text ="C++" ></ asp:ListItem >
< asp:ListItem Value ="4" Text ="JavaScript" ></ asp:ListItem >
</ asp:CheckBoxList >
</ fieldset >
</ div >
</ form >
</ body >
</ html >
效果圖:
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
