2012-03-21 82 views
5

Làm thế nào tôi có thể nhận được giá trị của nút radio kiểm tra trong nút radio list.Here là mã của tôiNhận giá trị của nút radio kiểm tra trong danh sách nút radio

<div class="report_type"> 
     <input type='radio' name='choices' value='balance'>Balance Report <br/> 
     <input type='radio' name='choices' value='invoice'>Invoice Report <br/> 
     <input type='radio' name='choices' value='payment'>Payment Report <br/> 
     <input type='radio' name='choices' value='traffic'>Traffic Report <br/> 
     <input type='radio' name='choices' value='cdr'>CDRs 
    </div> 

Cho bất kỳ sự giúp đỡ ????

Trả lời

4

bạn có thể nhận được giá trị bất kỳ nút radio kiểm tra bằng cách sử dụng đoạn mã sau

var val = $("input:radio[name='choices']:checked").val(); 
alert(val); //give value of checked radio button 
1

Bạn có thể sử dụng attribute-equals selector để chọn bộ nút radio và bộ chọn :checked để chọn bộ chọn được chọn. Sau đó bạn có thể sử dụng phương pháp val để có được giá trị của yếu tố đó:

$("input[name='choices']:checked").val(); 

Ngoài ra, bạn chỉ có thể chọn tất cả input yếu tố đó là hậu duệ của div:

$("div.report_type input:checked").val(); 
2
$('.report_type input').click(function() { 
    alert($(this).val()) 
}) 
+0

'change' là tốt hơn sau đó' click' là 'click' chỉ kích hoạt bởi cú click chuột ... Và sử dụng 'this.value' thay cho' $ (this) .val() 'khi biết rằng các thuộc tính DOM giúp bạn tiết kiệm từ mã jQuery thừa. – gdoron

+0

@gdoron - Nếu bạn tập trung vào nút radio (ví dụ: tab thành một) và sau đó nhấn phím cách để chọn nó, sự kiện 'click' vẫn được kích hoạt. Vì vậy, trong trường hợp này, 'click' và' change' khá giống nhau. Hãy thử tại đây: http://jsfiddle.net/xKqRu/ –

+0

@JamesAllardice. Chính xác. Lỗi của tôi. ** + 1 ** mặc dù nó không phải là những gì anh ta hỏi ... – gdoron

Các vấn đề liên quan