Question

当我点击表格中的一行时，我会尝试将其选中。

有没有人建议如何做到这一点？

<form name="form1" method="post" action="">
<table id="simplehighlight" class="REW_table" style="width: 350px; margin-left: auto; margin-right: auto;" >
    <thead></thead>
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr>
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr>
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr>
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr>
    <tr><td><input type="radio" name="RadioGroup1" value="radio" id="RadioGroup1_0"></tr>
</table>
</form>

使用Javascript：

$(document).ready(function(){
    $('#simplehighlight tr').hover(function(){
        $(this).children().addClass('datahighlight'); // Mark lightgray

        $(this).click(function(){
            $('#simplehighlight tr').children().removeClass('datahighlight_select'); // Remove all old blue mark
            $(this).children().addClass('datahighlight_select'); // Mark blue
        });

    },function(){
        $(this).children().removeClass('datahighlight'); // Remove lightgray
    });
});

Answer 1

尝试：

$("#simplehighlight tr").click(function () {
    $(this).find("input:radio").prop("checked", true);
});

将.prop()与.find()一起使用并使用.click()绑定点击事件

另请注意，您发布的HTML无效：

您的input代码应该是自动关闭的，
您忘记了</td>标记。
此外，您在一个页面上有多个元素具有相同的id属性，这是不允许的。

以下是一个示例：http://jsfiddle.net/yJ3RN/（也纠正了HTML问题）

选择一个单选按钮

1 个答案: