0

我在数据列表页脚模板中保留了两个单选按钮，但我根本无法选择它。下面是我的页脚模板：

<FooterTemplate>
        <tr>
         <td align="right" colspan="7"><br />
        </td>
        </tr>
        <tr>
        <td align="left" valign="middle" colspan="7">
        <div style="background-color:#FCEE21; height:47px ;">
        <div style=" position:relative; top:15px; left:20px;">
        <asp:CheckBox ID="cbAgree" Checked="true" Text="I agree on all terms & conditions" runat="server" />
        </div>
        <div style=" position:relative; top:-1px; left:410px;">
            <asp:Label ID="Label2" runat="server" Text="Total: (INR)"></asp:Label>&nbsp;&nbsp;
        </div>
        <div style=" position:relative; top:-22px; left:550px;">
            <asp:Label ID="lbltotal" runat="server" Text="000000" Font-Size="14pt"></asp:Label>
        </div>
                       </div>
        </td>
        </tr>
        <tr>
        <td align="right" colspan="7">
        <div style="background-image: url(images/footerBg.png); height:47px ;">
        <div style=" position:relative; top:10px; left:-172px;">
            <asp:Label ID="Label9" runat="server" Text="Select an option: "></asp:Label>
            <asp:RadioButton ID="rb1" Text="Colect" AutoPostBack="true" runat="server" GroupName="rboption"/>
            <asp:RadioButton ID="rb2" Text="Deliver" AutoPostBack="true" runat="server" GroupName="rboption"/>
        </div>
        <div style=" position:relative; top:-18px;">
        <asp:Button ID="btnSubmit" runat="server" Text="Submit" BackColor="#F8CD20" CssClass="anchor"
                BorderColor="#F8CD20" BorderStyle="None" OnClick=" Submit_Clicked" Font-Bold="True" Font-Size="14pt" 
                Height="38px" Width="105px" />
        </div>
        </div>
        </td>
        </tr>
    </FooterTemplate>

我也没有做任何数据绑定。如果我错过了什么，请帮助我。

4

1 回答 1

0

你的问题是关于你的 CSS 样式。如果您从 div 中删除内联 css 样式，则可以单击它们。

这些 div 在没有适当样式的情况下相互叠加显示，并且单选按钮留在另一个 div 下，阻止您单击它们。

或者，如果您想保留样式并仍然单击它们，您可以将“z-index”属性与添加一起使用z-index:1;，因此您将带有单选按钮的 div 放在另一个 div 上方，使它们可点击。

....
<div style=" position:relative; top:10px; left:-172px; z-index:1;">
    <asp:Label ID="Label9" runat="server" Text="Select an option: "></asp:Label>
    <asp:RadioButton ID="rb1" Text="Colect" AutoPostBack="true" runat="server" GroupName="rboption"/>
    <asp:RadioButton ID="rb2" Text="Deliver" AutoPostBack="true" runat="server" GroupName="rboption"/>
</div>
....
于 2013-05-12T07:45:44.973 回答