如何在收音机图标后设置带有postfix文本的单选按钮列表?

时间:2015-10-15 08:48:52

标签: javascript jquery html css asp.net

我正在使用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. 

有没有办法像这样做?

1 个答案:

答案 0 :(得分:4)

这是因为您在表格中使用内联样式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>