实现 RadioButtonList 单选按钮组设置及横向布局

时间:2024-05-21 10:19:08

首先,我们在前台页面拉一个 RadioButtonList 控件 操作如下:

实现 RadioButtonList 单选按钮组设置及横向布局实现 RadioButtonList 单选按钮组设置及横向布局

接着,我们需要进行编辑项,编辑项时需要注意:(对应的值一定要与数据库/后台保持一致,同时不要忘记默认选中项哦)

实现 RadioButtonList 单选按钮组设置及横向布局这里数据表中要求两项(未完成、已完成):

根据数据表中数据,我们在编辑项时需要添加两项 操作如下:

实现 RadioButtonList 单选按钮组设置及横向布局实现 RadioButtonList 单选按钮组设置及横向布局

完成以上操作之后一般来说我们都会额外添加一项额外项,并设置额外项为默认选中项:

实现 RadioButtonList 单选按钮组设置及横向布局

 注意:题中要求哪一项是默认选中,我们就设置哪一项哦

完成以上操作之后,显示如下:

实现 RadioButtonList 单选按钮组设置及横向布局

这个时候图中几项的排列方式默认是竖排,如果题中要求横向排列,我们便需要设置一下控件的属性 具体操作如下:

 实现 RadioButtonList 单选按钮组设置及横向布局

这样一个单选组就完成了,今天的分享就到此结束了,如果有问题可以在下方评论区留言哦。