如何设置单选按钮列表与后缀文本后的单选图标

How set radio button list with postfix the text after radio icon?

本文关键字：文本 后缀 图标 单选 列表 何设置 设置 单选按钮      更新时间：2023-09-26

我使用asp.net单选按钮列表，它呈现以下html。但问题是如何渲染文本的单选按钮旁边的单选图标。目前，它是显示在底部的无线电图标。它正在呈现以下html。这两个单选按钮之间有大量的空间，即使没有在单选按钮之后渲染。

<td>
    <table id="MainContent_rdlRunType" style="width:50%;">
        <tbody>
            <tr>
                <td>
                    <input id="MainContent_rdlRunType_0" type="radio" name="ctl00$MainContent$rdlRunType" value="0" checked="checked">
                    <label for="MainContent_rdlRunType_0">True</label>
                </td>
                <td>
                    <input id="MainContent_rdlRunType_1" type="radio" name="ctl00$MainContent$rdlRunType" value="1">
                    <label for="MainContent_rdlRunType_1">False</label>
                </td>
            </tr>
        </tbody>
    </table>                                                            
</td>

我想渲染成

radio button True radio False.

有办法这样做吗?

这是因为您在表中使用了内联样式width: 50%。你可以删除它:

<table id="MainContent_rdlRunType">
    <tbody>
        <tr>
            <td>
                <input id="MainContent_rdlRunType_0" type="radio" name="ctl00$MainContent$rdlRunType" value="0" checked="checked">
                <label for="MainContent_rdlRunType_0">True</label>
            </td>
            <td>
                <input id="MainContent_rdlRunType_1" type="radio" name="ctl00$MainContent$rdlRunType" value="1">
                <label for="MainContent_rdlRunType_1">False</label>
            </td>
        </tr>
    </tbody>
</table>

相关文章：