Jquery nhận được các hộp kiểm được chọn

Question

Xin chào Tôi muốn nhận danh sách các hộp kiểm được chọn trong trang, thực sự những gì tôi thực sự cần là có được văn bản của phần tử bên cạnh hộp kiểm là phần tử html <li> mã bên dưới và nó không làm việc

đây là jQuery hiện tại của tôi:

$(document).ready(function() { 
    $('#target').click(function() { 
    alert("in"); 
    var checkValues = []; 
    $('input[name=checkboxlist]:checked').each(function() { 
     alert($(this)val()); 
     checkValues.push($(this)val()); 
    }); 
    }); 
}); 

Sau đây là HTML:

<ul id="7b1fe2bd-1b26-4185-8cd9-aec10e652a70"> 
<li>Structured Products<input type="checkbox" name="checkboxlist"</li> 
<li>Global FID 
<ul> 
    <li>PowerPoint Presentations<input type="checkbox" name="checkboxlist"</li> 
    <li>Global Deck 
    <ul> 
    <li>Test1<input type="checkbox" name="checkboxlist"</li> 

    <li>Test2<input type="checkbox" name="checkboxlist"</li> 
    <li>Test3<input type="checkbox" name="checkboxlist"</li> 

    </ul> 
    <input type="checkbox" name="checkboxlist"</li> 
    <li>Credit Default Swaps Position 
    <ul> 
    <li>Test4<input type="checkbox" name="checkboxlist"</li> 

    <li>Test5<input type="checkbox" name="checkboxlist"</li> 

    </ul> 
    <input type="checkbox" name="checkboxlist"</li> 
    <li>Thought Leadership<input type="checkbox" name="checkboxlist"</li> 
    <li>Fixed Income Perspectives<input type="checkbox" name="checkboxlist"</li> 
    <li>Public Policy Information and Regulatory<input type="checkbox" name="checkboxlist"</li> 

    <li>Regional FID<input type="checkbox" name="checkboxlist"</li> 

</ul> 
<input type="checkbox" name="checkboxlist"</li> 
<li>Global Rates<input type="checkbox" name="checkboxlist"</li> 
<li>Global Credit Products<input type="checkbox" name="checkboxlist"</li> 
<li>FX<input type="checkbox" name="checkboxlist"</li> 

<li>Emerging Markets<input type="checkbox" name="checkboxlist"</li> 
<li>Commodities<input type="checkbox" name="checkboxlist"</li> 
<li>testcat<input type="checkbox" name="checkboxlist"</li> 
<li>testcat<input type="checkbox" name="checkboxlist"</li> 

</ul> 

Answer 1

đầu vào của bạn cần được đóng với một số /> ở cuối để làm cho HTML của bạn hợp lệ, như sau:

<input type="checkbox" name="checkboxlist" /> 

Sau đó, bạn có thể làm jQuery như thế này để có được một loạt các văn bản:

$(function() { 
    $('#target').click(function() { 
    var checkValues = $('input[name=checkboxlist]:checked').map(function() { 
     return $(this).parent().text(); 
    }).get(); 
    //do something with your checkValues array 
    }); 
});​ 

You can see this working here

Vì tất cả bạn cần là phụ huynh của .text() với bố trí, bạn có thể sử dụng .map() để nhanh chóng nhận được một mảng của thuộc tính dựa trên bộ chọn.

Answer 2

Trước hết bạn phải clos e tag hộp kiểm của bạn

<input type="checkbox" name="checkboxlist" 

nên

<input type="checkbox" name="checkboxlist" /> 

Tôi nghĩ rằng, từ HTML của bạn, bạn có thể nhận được văn bản của lis đó sẽ là nội dung mong muốn

$(function(){ 
    $('#target').click(function(){ 
     var selected = new Array(); 
     $("input:checkbox[name=checkboxlist]:checked").each(function(){ 
      var val = $(this).closest("li").text(); 
      selected.push(val); 
     }); 
    }); 
}); 

Answer 3

$("input[type=checkbox]:checked").parent().text() 

Answer 4

Bạn chưa đóng thẻ nhập chính xác. Ngoài ra, $(this)val() phải là $(this).val().

Nếu bạn có ý định để có được những văn bản của nguyên tố li chứa các yếu tố đầu vào, bạn có thể viết như sau:

$(this).parents("li:first").text();