javascript radio đã chọn

Question

Tôi muốn kiểm tra đầu vào radio đã chọn.

đây là mã của tôi.

<input name="u_type" type="radio" value="staff" id="u_type" checked="checked" /> Staff 
<input name="u_type" type="radio" value="admin" id="u_type" /> Admin 
<input id="add_user" name="add_user" type="button" onclick="addUser();" value="Add" class="submitButton admin_add" /> 

function addUser() 
{ 
//how to check what is the selected radio input 
} 

cảm ơn.

Answer 1

function addUser() { 
    //how to check what is the selected radio input 
    alert(getCheckedRadioValue('u_type')); 
} 

function getCheckedRadioValue(name) { 
    var elements = document.getElementsByName(name); 

    for (var i=0, len=elements.length; i<len; ++i) 
     if (elements[i].checked) return elements[i].value; 
} 

Và ID phần tử phải khác.

Answer 2

Sau đây là việc thực hiện jQuery để nhận được giá trị của một nút radio

$("#u_type").click(function() { 
var value = $(this).val(); 
}); 

Nếu bạn muốn sử dụng javascript, sau đó:

function get_radio_value() 
{ 
for (var i=0; i < document.form.u_type.length; i++) 
{ 
    if (document.form.u_type[i].checked) 
    { 
    var val = document.form.u_type[i].value; 
    } 
    } 
} 

Answer 3

$('input[name=u_type]:checked').val() 

sẽ giúp bạn có được giá trị của tùy chọn đã chọn mà bạn có thể, tất nhiên, gán cho một biến. Do lời khuyên, tôi cũng nên chỉ ra rằng đây là jquery, một thư viện javascript tiện dụng để làm cho thao tác DOM dễ dàng hơn và với khả năng tương thích trình duyệt chéo tuyệt vời. Nó có thể được tìm thấy here.

Answer 4

Bạn không nên có hai phần tử radio có cùng id. Bạn cần phải thay đổi một trong các id sau đó kiểm tra cả hai nút radio như:

if(document.getElementById("u_type").checked == true) 
{ 
    //do something 
} 

Tôi khuyên bạn nên sử dụng jquery để thực hiện điều này thay vì js gốc.

Answer 5

Hoặc để đề xuất của kmb385 bạn có thể bao gồm các đầu vào của bạn trong một biểu mẫu và đảm bảo tất cả tên đầu vào khác nhau (bạn có hai tên u_type).

Sau đó, bạn có thể truy cập các đầu vào là document.formname.inputname.checked, sẽ trả về giá trị true hoặc false.

Answer 6

Để có được giá trị của nút radio được đánh dấu, mà không jQuery:

var radios = document.getElementsByName("u_type"); 
for(var i = 0; i < radios.length; i++) { 
    if(radios[i].checked) selectedValue = radios[i].value; 
} 

(giả định rằng selectedValue là một biến khai báo ở những nơi khác)