這章內容比較簡單，直接上頁面代碼：
<%
@ 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元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
