【问题标题】:asp.net repeater and jQuery iterate all rows to find checked checkbox and label valueasp.net 中继器和 jQuery 迭代所有行以查找选中的复选框和标签值
【发布时间】:2012-09-07 10:12:25
【问题描述】:

我的中继器如下

<ItemTemplate>
<tr>
    <td class="ms-vb2">
        <a href="#" id="aTitle" runat="server" onclick='<%# DataBinder.Eval(Container.DataItem,"ColumnLink") %>'>
            <%# DataBinder.Eval(Container.DataItem,"FieldName") %></a>
    </td>
    <td class="ms-vb2">
        <asp:Label Text='<%# DataBinder.Eval(Container.DataItem,"ControlType") %>' runat="server"
            ID="lblType" />
    </td>
    <td class="ms-vb2" colspan="2">
        <asp:Image ID="imgChecked" runat="server" ImageUrl="/_layouts/images/check.gif" AlternateText='<%# DataBinder.Eval(Container.DataItem,"IsRequired") %>' />
    </td>
    <td class="ms-vb2" colspan="2">
        <asp:CheckBox ID="chkGroupUnique" Checked="false" runat="server" AutoPostBack="true"
            OnCheckedChanged="chkGroupUnique_CheckChanged" /><%--OnCheckedChanged="chkGroupUnique_CheckChanged"Checked='<%#  Boolean.Parse(DataBinder.Eval(Container.DataItem,"Approved").ToString()) %>'--%>
    </td>
</tr>

其中一个数据项是一个复选框,单击此复选框后,我可以获得复选框的 ID 以及我想要的数据 (lblType),因为我在 ItemDataBound 事件中添加了这些内容,如下所示

CheckBox chk = (CheckBox)e.Item.FindControl("chkGroupUnique");

Label lblType = (Label)e.Item.FindControl("lblType");

chk.Attributes.Add("onclick", "Check(this,'" + chk.ClientID + "','" + lblType.ClientID + "');");

onclick 函数包含此代码

function Check(checkbox, chkBoxId, typeId) {

   var chk =  document.getElementById(chkBoxId);
   var type = document.getElementById(typeId);

   if (checkbox.checked) {
       var t = type.innerText;
   }

   return false;
 }

现在我已经选中了复选框 clientId 和标签 clientId。我想检查是否有任何其他复选框被选中并且在该行标签控件中具有相同的值。我如何使用 jQuery 或纯 javascript 来做到这一点

提前致谢

【问题讨论】:

    标签: jquery asp.net asprepeater


    【解决方案1】:

    我建议你将每个 CheckBox 控件添加到 ItemDataBound 事件中的控件集合中。(你也可以形成它们的 ID 的集合)

    将该集合传递给 Javascript 函数并在 Javascript 函数中遍历它以检查复选框的状态..

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2010-11-25
      • 2016-09-09
      • 1970-01-01
      • 1970-01-01
      • 2012-01-17
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多