我想实现一个jQuery客户端脚本,以便能够通过单击位于TreeList的<ItemTemplate>
列中的复选框来检查/取消选中位于树列表的<ItemTemplate>
列中的所有复选框。我拥有的JavaScript代码现在不能正常工作。复选框在HeaderTemplate中选择ItemTemplate中的所有复选框
<telerik:TreeListTemplateColumn HeaderText="" SortExpression="IsSelected" UniqueName="IsSelected">
<ItemTemplate>
<telerik:RadButton ID="btnSelected" runat="server" AutoPostBack="false" ButtonType="ToggleButton"
ToggleType="CheckBox" OnCheckedChanged="btnSelected_CheckedChanged" >
</telerik:RadButton>
</ItemTemplate>
<HeaderTemplate>
<asp:CheckBox ID="chkSelectAll" runat="server" Text="Select All" onclick="selectAll(this);" />
</HeaderTemplate>
<HeaderStyle HorizontalAlign="Center" Width="35px"/>
<ItemStyle VerticalAlign="Middle" HorizontalAlign="Center" />
</telerik:TreeListTemplateColumn>
的Javascript:
<telerik:RadCodeBlock>
<script type="text/javascript">
function SelectAll(CheckBox) {
TotalChkBx = parseInt('<%= this.rtlRshItems.Items.Count %>');
var TargetBaseControl = document.getElementById('<%= this.rtlRshItems.ClientID %>');
var TargetChildControl = "btnSelected";
var Inputs = TargetBaseControl.getElementsByTagName("input");
for (var iCount = 0; iCount < Inputs.length; ++iCount) {
if (Inputs[iCount].type == 'checkbox' && Inputs[iCount].id.indexOf(TargetChildControl, 0) >= 0)
Inputs[iCount].checked = CheckBox.checked;
}
}
</script>
</telerik:RadCodeBlock>
当您单击复选框时,是否在JavaScript控制台上看到任何错误?我会删除'TotalChkBx ...'这一行,因为它没有真正做任何事情。除此之外,你的代码对我来说似乎是正确的。 – Icarus 2012-02-28 16:38:29
张贴客户端的HTML源码不是服务器代码,如果你想这个转换 – charlietfl 2012-02-28 16:44:39
它看起来像问题是RadButtons不是作为实际的html输入发射。 – kevev22 2012-02-28 17:12:53