使用jquery检索每个选定的行值

时间:2013-07-25 20:18:47

标签: jquery asp.net

您好我正在使用以下jquery代码来读取每个类的复选框选定的行。一行html是

<input id="_GridView3_chkEmployee" type="checkbox" name="$GridView3$ctl02$chkEmployee" />
        </td><td>
                    <span id="GridView3_ctl02_lblId" class="IDName">687</span>
                </td><td>
                    <span id="_GridView3_ctl02_lblCompany" class="FName">Xyz Inc.</span>
                </td><td>
                    <span id="_GridView3_ctl02_lblDun">12323</span>
                </td>

以下jquery代码的问题是,alert会显示IDName和FName的所有值,而不是仅显示选中的行。

$(document).ready(function () {
   $("#submit").click(function () {
       alert("starting");
       $("#<%=GridView3.ClientID%> input[id*='chkEmployee']:checked").each(function () {
           alert($('.IDName').text());
           alert($('.FName').text());
       });
   });
});

如何让此代码仅针对所选行的单个.IDName和.FName值进行警告?谢谢

1 个答案:

答案 0 :(得分:3)

你可以这样做 -

$("#<%=GridView3.ClientID%> input[id*='chkEmployee']:checked").each(function () {
          alert($(this).closest('tr').find('.IDName').text());
          alert($(this).closest('tr').find('.FName').text());
});