如何在ASP.Net GridView中使用单选按钮

Question

我想在Gridview中使用radiobutton列表来运行项目时的当前日期。我不知道最好的方法是使用JavaScript还是C＃（我在Code Behind上使用它）以及如何使用它。如果需要显示一些代码，请说出来。网格填充了一个sql语句。下图显示了我想要的网格。谢谢

Answer 1

不幸的是，您无法在GridView中使用RadioButton.GroupName属性。

最简单的方法是将RadioButton放在 TemplateField 中，然后使用 jQuery 来操作它。

ASPX

<asp:GridView runat="server" ID="GridView1">
    <Columns>
        <asp:TemplateField>
            <ItemTemplate>
                <asp:RadioButton runat="server" ID="MyRadioButton"
                    CssClass="myRadioButton"
                    onclick='<%# "myRadioButtonClick(this)" %>' />
            </ItemTemplate>
        </asp:TemplateField>
    </Columns>
</asp:GridView>
<script type="text/JavaScript"
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
    function myRadioButtonClick(sender) {
        $('.myRadioButton input').attr('checked', false);
        $(sender).attr('checked', true);
    }
</script>

代码背后

public class Customer
{
    public int Id { get; set; }
    public string Name { get; set; }
}

protected void Page_Load(object sender, EventArgs e)
{
    GridView1.DataSource = new List<Customer>
    {
        new Customer {Id = 1, Name = "John"},
        new Customer {Id = 2, Name = "Marry"},
    };
    GridView1.DataBind();
}