0

私はこのようなグリッドビューを持っています:

<telerik:RadGrid ID="RadGrid1" runat="server" GridLines="None" AllowPaging="true"
        PageSize="20" OnPreRender="RadGrid1_PreRender" Width="500px">
        <PagerStyle Mode="NextPrevAndNumeric" />
        <MasterTableView TableLayout="Fixed" Width="500px">
            <ItemTemplate>
                <%# (((GridItem)Container).ItemIndex != 0)? "</td></tr></table>" : "" %>
                <asp:Panel ID="ItemContainer" CssClass='<%# (((GridItem)Container).ItemType == GridItemType.Item)? "item" : "alternatingItem" %>'
                    runat="server">
                    <asp:Image ID="image_event" runat="server" ImageUrl='<%# Eval("event_pic")%>' AlternateText="" />
                    <asp:RadioButton ID="rbtn_map" runat="server" onclientclick="adjustSelected(this)" />
                </asp:Panel>
            </ItemTemplate>
        </MasterTableView>
        <GroupingSettings CaseSensitive="false" />
    </telerik:RadGrid>

クライアント側の方法adjustSelected(this)を使用して、すべてのラジオボタンをループして選択を解除し、クリックしたものだけを選択したい。

4

2 に答える 2

1

グリッド内のすべてのラジオ ボタンにクラス ( class="radioClass") を指定します。

<asp:RadioButton CssClass="radioClass" runat="server" onclientclick="adjustSelected(this)" />

次に、クラスを使用して他のすべての無線を選択します。

function adjustSelected(obj){
    $('.radioClass').prop('checked', false);
    this.checked = true;
}

目立たない JavaScript を使用することもできます。

var $radios = $('.radioClass');
$('.radioClass').click(function(){
    $radios.prop('checked', false);
    this.checked = true;
});

アップデート：

OK ASP.Net は奇妙なマークアップを生成するので、これを関数として使用します。

function adjustSelected(obj){
    console.log($('.radioClass :radio'));
    $('.radioClass :radio').prop('checked', false);
    $(':radio', obj).prop('checked', true);
}​
于 2012-05-07T12:36:04.517 に答える
1 
 function checkRadio{
    var grid = document.getElementById('<%=RadGrid1.ClientID%>');
    if (grid) {
        var elements = grid.getElementsByTagName('input');
        var checkcount = 0;
        for (var i = 0; i < elements.length; i++) {
            if (elements[i].type == 'radio' && elements[i].id.toString().match('rbtn_map') != null) {
               --- do code here ---                    
            }
        }

    }
 }
于 2012-05-07T12:39:12.430 に答える