1. 程式人生 > >js checkbox 獲取表格一行中的多個值 傳遞多個值

js checkbox 獲取表格一行中的多個值 傳遞多個值

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+'個支付賬號資訊!');
   }