Question

我有14行5 td单元格。每一个都是一个单选按钮。我希望用户能够单击表格单元格中的任何位置以选择其单选按钮。因此创建每一行：

                @for (int i01 = 1; i01 <= 5; i01++) {
                <td id="tablecellradiobutton" onMouseover="this.bgColor='88,150,183'" onMouseout="this.bgColor='white'" onclick="@('Q01' + i01).checked = true">
                    @Html.RadioButton("Q01", i01, Q01 == i01.ToString(), new { id = "Q01" + i01 })  
                </td>
                }

然而，我的onClick正在倒下，给我一个错误：

Compiler Error Message: CS1012: Too many characters in character literal

如果没有JavaScript（或jQuery）功能，这真的应该很简单，但我认为我已经变得不必要了。但有人可以帮我纠正我的代码吗？

Answer 1

我无法更正您现有的代码，但您将拥有相同ID的多个实例：

 <td id="tablecellradiobutton"...

您需要为每个td创建单独的ID - 可能会将tr和td索引号附加到现有ID上。

我会使用jQuery并使用find（）获取被点击的td中的输入并将其checked属性设置为true。请注意document.on ...的使用，它将允许动态添加的内容以及静态内容。不要忘记$（文件）.ready ...如果你还没有它。;

    $(document).on('click','td',function(){
    $(this).find('input [type="radio"]').prop('checked',true)
    });

表格单元格的onClick选择单元格内的单选按钮

1 个答案: