JQuery是一个非常强大的JavaScript Framework,用它可以更方便的查找,操作html元素。尤其是提供了ready事件,从此不再为body的onload事件而郁闷不已。现在介绍一下用法:
MultiSelect : function(container, header, item, target)
当点击checkbox时调用这个方法,其中参数
container:容器的ID,如果使用母版页请用ClientID
header:HeaderTemplate中全选checkbox的ID
item:ItemTemplate中的checkbox,包括id(checkbox的ID),key(关键字属性,一般使用checkbox的title属性),type(关键字类型,设置number表示数字,否则表示字符)
target:存放所选checkbox的控件,一般使用HiddenField
Refresh : function(container, header, item, target)
分页时刷新checkbox的选择状态,参数同上
示例如下:
$(
function
()
![JQuery插件-多选(适用于GridView,DataList,Repeater以及其他) JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzAvNC83LzIvMzEvMjRhOTI0YTU3YmE2YjNmMmI1MWZjOWVkYjdlYTQxODYuanBl.jpe?w=700&webp=1)
{
![JQuery插件-多选(适用于GridView,DataList,Repeater以及其他) JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzQvNC82LzIvNzYvNzE1ZjJkMDU1MDNiOTlkNDFmM2I2YmEyY2RjY2M4NGQuanBl.jpe?w=700&webp=1)
$().Refresh("GridView1", "Header",
{id: "Item", key: "title", type: ""}, "ID");
$("input[@type='checkbox']").click(
function()
![JQuery插件-多选(适用于GridView,DataList,Repeater以及其他) JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzQvNC82LzIvNzYvNzE1ZjJkMDU1MDNiOTlkNDFmM2I2YmEyY2RjY2M4NGQuanBl.jpe?w=700&webp=1)
{
![JQuery插件-多选(适用于GridView,DataList,Repeater以及其他) JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzQvNC82LzIvNzYvNzE1ZjJkMDU1MDNiOTlkNDFmM2I2YmEyY2RjY2M4NGQuanBl.jpe?w=700&webp=1)
$(this).MultiSelect("GridView1", "Header",
{id: "Item", key: "title", type: ""}, "ID");
});
}
);
![JQuery插件-多选(适用于GridView,DataList,Repeater以及其他) JQuery插件-多选(适用于GridView,DataList,Repeater以及其他)](https://image.shishitao.com:8440/aHR0cHM6Ly93d3cuaXRkYWFuLmNvbS9pbWdzLzMvOC83LzUvOTAvNzMxNjU1OTU0YzdiZTlkODgzNWVjZTU1MWI1Mzg1ZjguanBl.jpe?w=700&webp=1)
<
asp:GridView ID
=
"
GridView1
"
runat
=
"
server
"
AutoGenerateColumns
=
"
False
"
DataKeyNames
=
"
CategoryID
"
DataSourceID
=
"
SqlDataSource1
"
AllowPaging
=
"
True
"
PageSize
=
"
5
"
>
<
Columns
>
<
asp:TemplateField
>
<
HeaderTemplate
>
<
input id
=
"
Header
"
type
=
"
checkbox
"
title
=
"
全选
"
/>
</
HeaderTemplate
>
<
ItemTemplate
>
<
input id
=
"
Item
"
type
=
"
checkbox
"
title
=
"
<%# Eval(
"
CategoryID
"
) %>
"
/>
</
ItemTemplate
>
</
asp:TemplateField
>
<
asp:BoundField DataField
=
"
CategoryID
"
HeaderText
=
"
CategoryID
"
InsertVisible
=
"
False
"
ReadOnly
=
"
True
"
SortExpression
=
"
CategoryID
"
/>
<
asp:BoundField DataField
=
"
CategoryName
"
HeaderText
=
"
CategoryName
"
SortExpression
=
"
CategoryName
"
/>
<
asp:BoundField DataField
=
"
Description
"
HeaderText
=
"
Description
"
SortExpression
=
"
Description
"
/>
</
Columns
>
</
asp:GridView
>
<
asp:HiddenField ID
=
"
ID
"
runat
=
"
server
"
/>
/Files/Zane/MultiSelect.rar