jQuery:循环HTML表格中的所有单选按钮

时间:2010-05-17 19:19:54

标签: jquery radio-button

我有一个包含n行的HTML表,每一行在Row中包含一个单选按钮。使用jQuery,我如何通过这些单选按钮查看哪一个被检查?

8 个答案:

答案 0 :(得分:10)

$('#table tbody tr input[type=radio]').each(function(){
 alert($(this).attr('checked'));
});

HTH。

答案 1 :(得分:4)

有很多方法可以做到这一点,例如,使用.each.is遍历方法:

$("table tbody tr td input[name=something]:radio").each(function() {
    if($(this).is(":checked")) {
        $(this).closest("tr").css("border", "1px solid red");
    } else {
        // do something else
    }
});

答案 2 :(得分:3)

$('.my-radio-class:checked')

http://api.jquery.com/checked-selector/

答案 3 :(得分:3)

您想要处理每个单选按钮还是只需要选中的单选按钮?如果是后者,那很容易:

$('table input:radio:checked')

参考::radio:checked

答案 4 :(得分:3)

要遍历所有收音机检查的单选按钮,您也可以这样做:

$('input:radio:checked').each(function() {
    //this loops through all checked radio buttons
    //you can use the radio button using $(this)
});

答案 5 :(得分:2)

var checked = $('#table :radio:checked');

答案 6 :(得分:1)

$("table tr input[type=radio]:checked");

答案 7 :(得分:1)

//get the checked radio input, put more specificity in the selector if needed
var $checkedRadio = $("input[type=radio]:checked");

//if you want the value of the checked radio...
var checkedRadioVal = $checkedRadio.val();