jQuery中选中行

Posted chentexi

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jQuery中选中行相关的知识,希望对你有一定的参考价值。

<table id="tables" class="listTable">
                <tr>
                    <th class="check">
                        <input type="checkbox" class="allCheck" />
                    </th>
                   
                    <th>
                        <a href="#" hidefocus>xx</a>
                    </th>
                    <th>
                        <a href="#" hidefocus>xx</a>
                    </th>
                   
                   
                    <th>
                        <a href="#" hidefocus>xx</a>
                    </th>
                ...
                    <th>
                        <span>操作</span>
                    </th>
                </tr>
                <#list xx.xx as xx>
                    <tr style="text-align:center">
                        <td>
                            <#if xx.xx>
                                <input type="checkbox" name="xx" value="${xx.id}" disabled/>
                                <#else>
                                <input type="checkbox" name="xx" value="${xx.id}" />
                            </#if>
                           
                        </td>
                        <td></td>
                        <td></td>
                        <td name="sex"></td>
                        <td name="phone"></td>
                        <td></td>
                        <td>
                            
                        </td>
                        <td></td>
                        
                        <td></td>
                        <td></td>
                        <td>
                            <input type="checkbox" name="name" value="${name}"  hidden="hidden"/>
                            <#if xx.xx><span  class="trueIcon">&nbsp;</span><#else><span class="falseIcon"></span></#if>
                        </td>
                        
                        <td>
                            <@sec.authorize ifAnyGranted="ROLE_DELIVERY_CENTER_EDIT">
                            <a href="xx!xx.xx?id=${xx.id}" title="编辑">[编辑]</a>
                            </@sec.authorize>
                        </td>
                    </tr>
                </#list>
            </table>

 

 

var isRecomms = [];
  
var Check = $("table input[type=checkbox]:checked");
Check.each(function () {
    var row = $(this).parent("td").parent("tr");//获取选中行
    isRecomms .push(row.find("[name=‘sex‘]").val());
    isRecomms .push(row.find("[name=‘phone‘]").html());
    isRecomms .push(row.find("[name=‘Name‘]").html());
});

 

以上是关于jQuery中选中行的主要内容,如果未能解决你的问题,请参考以下文章

如何取得gridview中选中行中的某一字段

Jquery if复选框是否已选中Bootstrap开关

jquery 中 怎么获取行和列

js在table中插入行

两个动态创建的表中行的相等高度,使用JQuery

如何检查是不是在 jQuery 中选中了复选框?