0

データリスト フッター テンプレート内に 2 つのラジオ ボタンを保持していますが、まったく選択できません。以下は私のフッターテンプレートです：

<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 に答える