I have a grid view like this :
<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>
I wanna through client side method adjustSelected(this)
to loop through all the radiobuttons make them unselected and set the clicked one only selected.
Give all those radio buttons in the grid a class ( class="radioClass"
):
<asp:RadioButton CssClass="radioClass" runat="server" onclientclick="adjustSelected(this)" />
Then use the class to select all others radios:
function adjustSelected(obj){
$('.radioClass').prop('checked', false);
this.checked = true;
}
You can also use unobtrusive JavaScript:
var $radios = $('.radioClass');
$('.radioClass').click(function(){
$radios.prop('checked', false);
this.checked = true;
});
Update:
Ok ASP.Net generate weird markup, so use this as the function:
function adjustSelected(obj){
console.log($('.radioClass :radio'));
$('.radioClass :radio').prop('checked', false);
$(':radio', obj).prop('checked', true);
}
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 ---
}
}
}
}
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.