jQuery单选按钮

Question

我有两个单选按钮：

<table border="0" width="500"> 
    <tr><td><?php echo form_label('Register with a Club', 'club'); ?>&nbsp;<?php echo form_radio('individual', 'club', '', 'id=club'); ?></td><td><?php echo form_label('Register as an Independent', 'independent'); ?>&nbsp;<?php echo form_radio('individual', 'independent', '', 'id=independent'); ?></td></tr>
    </table>

这吐出来：

<table border="0" width="500"> 

    <tr><td><label for="club">Register with a Club</label>&nbsp;<input type="radio" name="individual" value="club" id=club /></td><td><label for="independent">Register as an Independent</label>&nbsp;<input type="radio" name="individual" value="independent" id=independent /></td></tr>
    </table>

我正在尝试提醒单选按钮组的值。...我已经尝试过...

<script type="text/javascript">
$(function(){
 alert($("input[name='individual']").val());
    });
</script>

但是它只返回一次“俱乐部”，为什么不提醒“独立”呢？

Answer 1

您需要提醒实际选中的单选按钮的值，否则它将只返回选择中的第一个元素的值，即“ club”，始终：

$(function(){ 
    $("input[name='individual']").on('change', function() {
        alert($("input[name='individual']:checked").val());
    });
});
    ​

小提琴

如果您需要两个值（如果组中有更多单选按钮，则需要两个值），则必须遍历它们：

$(function(){ 
    var values=[];
    $.each($('input[name="individual"]'), function(i,elm) {
        values.push(elm.value);
    });
    alert(values.join(', '));
});

小提琴

Answer 2

您的代码将仅获取第一个元素的值。 如果得到长度，实际上您会看到它捕获了所有输入：

$("input[name='individual']").length

如果要警告所有值，则需要循环：

$("input[name='individual']").each(function() { alert( this.value ); });

如果要获取当前检查输入的值，请执行以下操作：

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