jquery ＜table＞通过button.Click获取选中行的td值

最新推荐文章于 2022-09-19 11:41:56 发布

原创最新推荐文章于 2022-09-19 11:41:56 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#php

php 专栏收录该内容

177 篇文章

订阅专栏

js文件

//table选中行，取pkid值
function ReturnSelectRowPK(tableClass, rowClass, pkIndex) {

    var pkid = $(tableClass).find("tr[class="+rowClass+"]")
        .find("td").eq(pkIndex).text();

    if(pkid == "")
    {
        return -1;
    }

    return pkid;
}

html

        <div class="func">
            <input type="button" name="btnOpen" id="btnOpen" value="查看详情">
            <input type="button" name="btnUpdate" id="btnUpdate" value="修改">
            <input type="button" name="btnDel" id="btnDel" value="删除">
        </div>

html中的脚本

    <script src="../lib/jquery-3.5.1.js"></script>
    <script src="../js/tableDeal.js"></script>
    <script>
        $(function () {
            //选中行变色
            TableRowSelectColor(".tb_1");

            //查看按钮，其中参数1位table的class，参数2位tr的class，参数3为第几列
            $("#btnOpen").click(function () {
                var id = ReturnSelectRowPK(".tb_1","lineColor",0);
                if(id < 0)
                {
                    return;
                }
                var link = "./specialprocess_detailed.php?id="+id;
                window.open(link,"_blank");
            });

            $("#btnUpdate").click(function () {
                var id = ReturnSelectRowPK(".tb_1","lineColor",0);
                if(id<0) return;
                var link = "./specialprocess_update.php?id="+id;
                window.open(link,"_self");
            });
        });
    </script>