checkbox全选

[crazymanjl]

gridview中加入checkbox
<ItemTemplate>
<asp:CheckBox ID="C1" runat="server" Text='<%# Eval("PD_ID", "{0}") %>' />
</ItemTemplate>
我该怎么用jquery实现全选功能

[路人乙e]

var arr = $("gridview1").getElementsByTagName("input");
for(var i in arr)
if(arr[i].type=="checkbox")
arr[i].checked = true;

[teerhu]

[Quote=引用 1 楼 sq_zhuyi 的回复:]
var arr = $("gridview1").getElementsByTagName("input");
for(var i in arr)
if(arr[i].type=="checkbox")
arr[i].checked = true;
[/Quote]
支持

[qqhavt]

<script type="text/javascript">
    function checkAll(chkAll)
      {
           var items = document.getElementsByTagName("input");
           for(var i = 0; i < items.length; i++)
           {
                if(items[i].type == "checkbox")
                {
                    items[i].checked = chkAll.checked;
                }
           }           
      }      
</script>

添加点击事件
<ItemTemplate>
<asp:CheckBox ID="C1" runat="server" Text=' <%# Eval("PD_ID", "{0}") %>' onclick="check(this)" />
</ItemTemplate>

[tch198821]

function checkAll(ck)
{
var form = document.forms[0];

for(var i=0;i<form.elements.length;i++)
{
var ele = form.elements[i];
if(ele.id.indexOf("ckbox")>-1)
{
ele.checked = ck.checked;
}
}
}

........
<ItemTemplate>
<asp:CheckBox ID="ckbox" runat="server" />
</ItemTemplate>

[wuyq11]

MultiSelect : function(container, header, item, target)

$(
function()
{
$().Refresh("GridView1", "Header", {id: "Item", key: "title", type: ""}, "ID");

$("input[@type='checkbox']").click(
function()
{
$(this).MultiSelect("GridView1", "Header", {id: "Item", key: "title", type: ""}, "ID");
});
});

<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>

</Columns>
</asp:GridView>

[crazymanjl]

谢谢大家可是你看我的itemtemplate中不是input 啊<asp:CheckBox ID="C1" runat="server" Text=' <%# Eval("PD_ID", "{0}") %>' />

[wsj1983920]

。。。

[zlb789]

[Quote=引用 6 楼 crazymanjl 的回复:]
谢谢大家可是你看我的itemtemplate中不是input 啊 <asp:CheckBox ID="C1" runat="server" Text=' <%# Eval("PD_ID", "{0}") %>' />
[/Quote]
页面打开后 你看源码就会发现 最后生成的就是input 标签

[zjybushiren88888]

[Quote=引用 1 楼 sq_zhuyi 的回复:]
var arr = $("gridview1").getElementsByTagName("input");
for(var i in arr)
if(arr[i].type=="checkbox")
arr[i].checked = true;
[/Quote]

可以试试

[yhy80]

function CheckAll(oCheckbox)
{
var tb = document.getElementById("gridviewID");
for(i = 1;i < tb.rows.length; i++)
{
var chk = tb.rows[i].cells[0].getElementsByTagName("INPUT")[0]
chk.checked = oCheckbox.checked;
}
}
<asp:TemplateField HeaderStyle-Width="60" HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left">
<HeaderTemplate>
<input id="chkSelectall" runat="server" onclick="CheckAll(this)" type="checkbox" /><label for="chkSelectall">全选</label>
</HeaderTemplate>
<ItemTemplate>
<input type="checkbox" id="chkSelect" runat="server" onclick="AddRemoveSelectedValues(this)" value='<%# Eval("CoopID") %>' />
</ItemTemplate>
</asp:TemplateField>