js checkbox 获取表格一行中的多个值传递多个值

最新推荐文章于 2021-08-24 09:41:05 发布

caox_nazi

最新推荐文章于 2021-08-24 09:41:05 发布

阅读量1.8k

点赞数 1

分类专栏： WEB前端文章标签： checkBox

本文链接：https://blog.csdn.net/caox_nazi/article/details/78357479

版权

WEB前端专栏收录该内容

14 篇文章 0 订阅

订阅专栏

js checkbox 获取表格一行中的多个值传递多个值

（1）页面html

checkbox 带了 listInfo.accountState listInfo.payAccountState listInfo.relationAccountState三个值

closest()

从当前元素开始
沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个单一祖先
返回包含零个或一个元素的 jQuery 对象
祖先是父、祖父、曾祖父，依此类推。
DOM 树：该方法从当前元素向上遍历，直至文档根元素的所有路径（<html>），来查找 DOM 元素的第一个祖先元素。

（2）js 代码

function sendDefrayInfo() {
        target = 2;
        idArr=[];
        var check = 0;
        $('input[name="check[]"]:checked').each(function() {
			// closet() 返回被选元素的第一个祖先元素
            div = $(this).closest("tr");
			// 获取第一个td的值
            var inputValue = div.find("td").eq(0);
			//  获取第一个td的值中三个影藏的input值的第一个  listInfo.accountState
            inputValue = inputValue.find("input[type=hidden]").eq(0);
            if (inputValue.val() == "2" && inputValue.next().val() == "1") {
            }else{
                check++;
            }
        });
        if(check>0){
            $("#reportMsg").html('所选报送支付账号信息必须为未报送状态，注册信息状态均需已报送状态,！');
            return;
        }
        $('input[name="check[]"]:checked').each(function() {
            idArr.push($(this).val());
        });
        if(idArr.length == 0) {
            $("#reportMsg").html('请选择需要报送的支付账号信息！');
            return;
        }
        $("#reportMsg").html('您总共选择'+idArr.length+'个支付账号信息！');
   }

caox_nazi

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js checkbox 获取表格一行中的多个值传递多个值

js checkbox 获取表格一行中的多个值传递多个值（1）页面htmlcheckbox 带了 listInfo.accountState listInfo.payAccountState listInfo.relationAccountState三个值closest()从当前元素开始沿 DOM 树向上遍历，并返回匹配所传递的表达式的第一个单一祖先
复制链接

扫一扫