jquery:用tr选择单选按钮

时间:2011-10-16 00:46:50

标签: jquery jquery-selectors

我的表格如下,我想在此表中选择单选按钮(style =“display:table-row;”),但由于切换我之前的“n”单选按钮没有隐藏(样式显示) no)和单选按钮(style =“display:table-row;”)在gui中显示为第一个,但在表格中它是“n + 1”一个单选按钮(如果n中没有displayobuttons显示:none)。,请任何人都可以帮忙,谢谢。

<html>
<title></title>
<head></head>
<body>
    <div id="hidden_source2">
    <table id="return_me" class="tbl2" cellspacing="0" cellpadding="0" border="0" width="100%">
    <tbody>
    <tr class="rower" style="display: none;">
    <td width="4">&nbsp;</td>
    <td width="30">
    <input class="return_r" type="radio" name="return">
    </td>
    </tr>
    <tr class="rower" style="display: none;">
    <td width="4">&nbsp;</td>
    <td width="30">
    <input class="return_r" type="radio" name="return">
    </td>
    </tr>
    <tr class="rower" style="display: none;">
    <td width="4">&nbsp;</td>
    <td width="30">
    <input class="return_r" type="radio" name="return">
    </td>
    </tr>
    <tr class="rower" style="display: table-row;">
    <td width="4">&nbsp;</td>
    <td width="30">
    <input class="return_r" type="radio" name="return">
    </td>
    </tr>
    <tr class="rower" style="display: table-row;">
    <td width="4">&nbsp;</td>
    <td width="30">
    <input class="return_r" type="radio" name="return">
    </td>
    </tr>
    <tr class="rower" style="display: table-row;">
    <td width="4">&nbsp;</td>
    <td width="30">
    <input class="return_r" type="radio" name="return">
    </td>
    </tr>
    </tbody>
    </table>
    </div>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

如果我理解你想要选择/检查表格中的第一个单选按钮。您可以使用:first selector实现此目的。

$("table#return_me input:radio:first").attr('checked', true);

http://jsfiddle.net/4hR55/

答案 1 :(得分:0)

您可以使用eq()。它是从零开始的,所以1抓住第二个input(但第一个可见)。

$('input').eq(1).attr('checked','true');

示例:http://jsfiddle.net/YNyCj/

此处eq的详细信息:http://api.jquery.com/eq/