Невозможно проверить RadioButton внутри нижнего колонтитула DataList Шаблон

Question

Я сохранил два переключателя внутри шаблона нижнего колонтитула, но я не могу его выбрать. Ниже представлен нижний колонтитул:

<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. Если вы удалите встроенные стили css из своих div, вы можете щелкнуть их.

Эти divs отображаются друг на друге без правильных стилей и радиоблоков, находящихся под другим 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> 
....