JQuery와 나는 같은 패턴의 여러 행이있는 테이블이

Question

tablerow 데이터를 선택하는 효율적인 방법 : 각 행은 고유 한 ID를 가진 체크 박스를 가지고

<tr role="row" class="even"> 
    <td><input type="checkbox" id="valj4"></td> 
    <td>Generell grupp</td> 
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b5">IKT Ipad11- Mirko</a></td> 
    <td>Grundinställningar</td> 
</tr> 

, 무슨의 목록을 얻을 수있는 가장 효율적인 방법이 될 것입니다 선택란이있는 행의 UUID. 나는 jQuery를 사용하고 싶다.

Answer 1

$(function() { 
 
    var texts = []; 
 
    $('tr td:has(input:checkbox:checked) ~ td > a').each(function(i, e) { 
 
    texts.push($(e).attr('href')); 
 
    }); 
 
    $('#result').html(texts.join('<br/>')); 
 
    
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<table> 
 
    <tr role="row" class="even"> 
 
    <td> 
 
     <input type="checkbox" id="valj4" checked> 
 
    </td> 
 
    <td>Generell grupp</td> 
 
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b5">IKT Ipad11- Mirko (...5)</a> 
 
    </td> 
 
    <td>Grundinställningar</td> 
 
    </tr> 
 
    <tr role="row" class="even"> 
 
    <td> 
 
     <input type="checkbox" id="valj4"> 
 
    </td> 
 
    <td>Generell grupp</td> 
 
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b6">IKT Ipad11- Mirko (...6)</a> 
 
    </td> 
 
    <td>Grundinställningar</td> 
 
    </tr> 
 
    <tr role="row" class="even"> 
 
    <td> 
 
     <input type="checkbox" id="valj4" checked> 
 
    </td> 
 
    <td>Generell grupp</td> 
 
    <td><a href="/Home/DeviceDetails?uuid=2b9fe569-dd6a-403c-b973-fd577acf12b7">IKT Ipad11- Mirko (...7)</a> 
 
    </td> 
 
    <td>Grundinställningar</td> 
 
    </tr> 
 
</table> 
 
<div id="result"/>

이 UUID가 다음 문자열을 자르고에서 쉬운 운동이다 얻기보십시오.

Answer 2

나는 테이블이 id를 가지고 가정은 "# 테이블-ID"입니다 :

$("#table-id").find(":checked") 

당신에게 모든 체크 체크 박스와 라디오 상자를 얻을 것입니다.

$("#table-id").find("input[type='checkbox']:checked") 

는 당신에게 모든 검사 확인란을 얻을 것입니다.

var ids = ""; 
$("#table-id").find("input[type='checkbox']:checked").each(function(){ 
    ids += $(this).attr("id") + ","; 
}); 

당신에게 표에서 확인 확인란의 ID를 포함하는 쉼표로 분리 된 목록을 제공합니다.

와 UUID를 목록 :

var UUIDs = ""; 
$("#table-id").find("input[type='checkbox']:checked").each(function(){ 
    var href = $(this).closest("tr").find("td > a").first().attr("href"); 
    var UUID = href.split('?')[1]; 
    UUIDS += UUID + ","; 
}); 

Answer 3

이

$("input[type=checkbox]").change(function() { 
if($(this).is(":checked")) { 
    alert($(this).attr("id")); 
    } 
}); 

Answer 4

새 UUID 목록을 만듭니다.

var listOfUUIDs = []; 

입력 내용을 확인하고 조부모 (tr)로 이동 한 다음 내부를 찾으십시오.

a의 목록을 살펴보고 UUID를 목록에 추가하십시오.

$("tr input[checked=checked]").parent().parent().find("td a").each(function(){ 
    listOfUUIDs.push(
     $(this).prop('href').substr(indexOf("uuid=") + 5) 
    ) 
}); 

Answer 5

이렇게하면 필요한 것을 얻을 수 있습니다.

$('tr').each(function(index) { 
    var $this = $(this), 
     input = $this.find('input'), 
     result = ''; 

    if (input.is(':checked')) { 
     var uuid = $this.find('a').attr('href').replace(/^\/Home\/DeviceDetails\?uuid=/g, ""), 
      result = result + index + '. ' + input.attr('id') + ' has the uuid: ' + uuid + '<br />'; 
    } 

    $('#result').html(result); 
}); 

Answer 6

내가 #table이 테이블

Example

Answer 7

jQuery를의 ID ('# formId'). 찾기 ('TR [클래스는 다음과 같은

var ids = []; 
$("#table input:checkbox:checked").each(function() { 
    var uuid = getParameter($(this).closest('tr').find('a').eq(0).attr('href')) 
    ids.push(uuid); 
}); 

function getParameter(url) { 
    var regex = new RegExp("[\\?&]uuid=([^&#]*)"), 
     results = regex.exec(url); 
    return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
} 

을 시도 할 것 = even] '). 각 (function() {

var rowId = ""; 

this.find('input[type=checkbox]').each(function() { 

    if(this.checked) { 
     rowId = "row" + $(this).val(); 
    } 

}); 
$(this).attr('id', rowId); 

});