Question

我在一个datalist页脚模板中保留了两个单选按钮，但我完全无法选择它。以下是我的页脚模板：

<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>

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

Answer 1

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

这些div在没有合适样式的情况下显示在彼此之上，而radiobutton停留在另一个div之下，阻止您点击它们。

或者，如果您想保留样式并仍然单击它们，您可以使用“z-index”属性并添加z-index:1;，因此您将带有radiobuttons的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>
....

无法检查DataList页脚模板中的单选按钮

1 个答案: