.NET Tutorials, Forums, Interview Questions And Answers
Welcome :Guest
Sign In
Register
 
Win Surprise Gifts!!!
Congratulations!!!


Top 5 Contributors of the Month
MarieAdela
Imran Ghani
Post New Web Links

Clearing a RadioButtonList with javascript

Posted By:      Posted Date: September 24, 2010    Points: 0   Category :ASP.Net
 

I'm posting this here because my question isn't really about the javascript itself but about the workings of the RadioButtonList control.  I have a webforms application where a several radiobuttonlist controls are rendered dynamically from server side code.  I want to also render an undo button that will clear the associated radiobuttonlist.  I can get it to work fine using an image button that does a postback.  However, I'd like to do it without the postback, waiting until the entire form is filled out before posting back via a submit button.  I've been able to get it to clear the radio buttons via javascript.  However, when I click submit to post back to the server, the server thinks the radiobutton is still selected.  Here's a condensed version of the code that renders the controls.

Dim tbl As New Table
For x = 1 to 10
Dim rbl As New RadioButtonList
With rbl
.ID = "rbl_" & x
.AutoPostBack = False
.RepeatLayout = RepeatLayout.Table
With .Items
.Add(New ListItem("0","0"))
.Add(New ListItem("1","1"))
.Add(New ListItem("2","2"))
End With
End With
Dim imgUndo As New Image
With imgUndo
.ID = "Undo_" & x
.ImageUrl = "~/images/undo.png"
.Attributes.Add("onclick", String.Format("


View Complete Post


More Related Resource Links

Getting Selected Item in radiobuttonlist on content page using javascript

  
I am trying get the selected value from a radiobuttonlist on a content page using javascript. Here is my initial code, which does not recognize the control. The js is located in a separate file and there is a link on the content page pointing to the js file. Thanks, function GetRadioButtonValue() { var radio = document.getElementsByName('<%=rblPayType.ClientID%>'); for (var j = 0; j < radio.length; j++) { if (radio[4].checked) { alert(); return; } else { return; } } }    

Clearing RadiobuttonList using jquery does not preserve its value when attached to textChanged event

  

Hello everybody,

Well, i have a simple ASP.NET 3.5 page with a Radiobuttonlist with 2 items (Yes/NO). there are also 2 Buttons. The 1st button has a client side jQuery code that clears the selected value in the radiobuttonlist. The second button just postback the page when clicked and has no event handler.

Now, everything works fine, so when we select a value in the radiobuttonlist (ex: Yes), then we click the 1st button, the value is cleared, and clicking on the 2nd button, the page posts back and the radiobuttonlist control will not have any value selected. (That's GOOD for now).

Now, if we attach the textChanged or SelectedIndexChange events to the RadioButtonList (with no server side code in them), and repeat the above senario, what will happen is that after postback, the radiobuttonlist value will NOT BE CLEARED, and it will revert to the last selected value before postback. This is very weird. I don't know why it behaved like this.

Have anyone faced this issue, and how can we solve this. Please Help.

Regards,

Maheed

 


ASP.NET, HTML, JavaScript Snippet Support (VS 2010 and .NET 4.0 Series)

  
This post covers another useful improvement in VS 2010 - HTML/ASP.NET/JavaScript snippet support. Snippets allow you to be more productive within source view by allowing you to create chunks of code and markup that you can quickly apply and use in your application with a minimum of character typing.

Visual Studio has supported the concept of "snippets" for VB and C# in previous releases - but not for HTML, ASP.NET markup and JavaScript. With VS 2010 we now support snippets for these content types as well.

call JavaScript - jQuery code from ASP.NET Server-Side

  
jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side.

call JavaScript - jQuery code from ASP.NET Server-Side

  
jQuery got so close to me lately that I can see myself adding the scripts to my project almost unconsciously. The thing is, jQuery is very useful for me, in almost all situations and it has been a do or die enhancement for all my project since I first put my hands on it.

Of course while using it, you encounter few situations which need a bit of research to solve, mostly when you are trying to combine it with some other technologies like: UpdatePanels and ASP.NET Ajax. For instance there are many situations when I would like to run some jQuery magic based on some decision that I make on the server side

Ajax Enabled Gridview using JavaScript in ASP.NET

  
Before explaining the article, I would like to thank all readers who read my article and voted for it. Your appreciation for my article gives me strength to write more good articles. Hope in future I will get your valuable comments and suggestions. Now I won't waste your time and come back to the topic. I have written this article on 'Ajax Enabled Gridview Using JavaScript in ASP.NET'. In this article, I will show you how to make a Gridview using a simple HTML table, JavaScript and XML HTTP for Ajax call without using any ASP.NET control.

Using Code

GridView Javascript Click Row and Ajax

  
This article shows 2 common tasks with the ASP.NET GridView: Binding a List (generic) of objects as DataSource and on clicking a row, getting the values of the selected row by a javascript function. In the example a List with User-objects is displayed. On clicking a row containing the data of a User-object, the Id of the object is used to get the address of the user by an Ajax-call and display it in a details-field.

Combine, minify and compress JavaScript files to load ASP.NET pages faster

  
Websites are getting more interactive these days and most of this interactivity comes from JavaScript. People are using different JavaScript libraries and frameworks to make their websites more interactive and user friendly.

how to impose javascript event processing?

  

If I have some form control like textbox and I want the event handler to be located in the html instead of at the server side, how to do that? Of course I can copy paste javascript code in the aspx file. But is it possible to do that using some object oriented approach (ie programmatically in the code behind)?

Thanks


.net 4 framework getelementbyid for javascript without clientid

  

I thought I heard we would be able to get the value of an asp:textbox by id with javascript in the .net 4 framework? was I mistaken? if not does anyone know the syntax?


split with javascript

  

hi

i have this garbache value %B463822546831472^MILIN JONE/OBAMA         ^1308226223780000731000000?;E?

now i wana slit with javascript and show on my aspx page like this(bold words)

1st.Text=463822546831472

2nd.Text=MILIN JONE

3rd.Text=OBAMA

How can i split with java script.plz help in this issue


Re-positioning an HTML container with javascript onresize with a Master page.

  

I have an HTML <div> container that I float to the right of a gridview.  When the browser window is maximized, it looks fine.  When minimized, the gridview positions below the floating container and most of the data is pushed off the bottom of the browser - you have to scroll down to see it.

If I position the floating container above the gridview it looks fine in a minimized window, but looks real bad when maximized.

What I want to do is use a javascript: onresize event to re-position the floating container up or down depending on the window.inner.width AND do it with a Master/Content page structure AND do it for only the one page where needed.

I can capture the onresize event and display the window dimensions but haven't figured-out how to do it with a Content page that still uses the Master page.  I think I'm having a very "thick" week...

- Tinker

 


Content page control passes as argument to javascript function

  

Here is the content page:

********************************************************************

<%@ Page Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="JavaDynamicCopyValue.aspx.cs" Inherits="JavaDynamicCopyValue" Title="Untitled Page" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
 <script type="text/javascript" >
 function copyValue(input, output )
{
   ouput.value = input.value;
   return true;
}
 </script>
 <asp:TextBox ID="txt1" runat="server" onchange="copyValue(this,document.getElementById('<%=txt2.ClientID%>'))"></asp:TextBox>
    <br />
    <br />
    <asp:TextBox ID="txt2" runat="server"></asp:TextBox>
</asp:Content>

********************************************************************

I got a javascript run time error says output is undefined. if I view source of the page, the txt1 markup became:

<input name="ctl00$ContentPlaceHol

Toolbox: UI Mockups, User Experience Tips, JavaScript Checker and More

  

Scott Mitchell reviews a user interface mockup tool, a blog for user experience tips, a JavaScript code checker and a book that expertly explains the ins and outs SQL Server Reporting Services.

Scott Mitchell

MSDN Magazine January 2010


Test Run: Web Application HTTP Request-Response Test Automation with JavaScript

  

Write a simple browser-based request-response test automation using JavaScript that's platform independent and useful when you are working in a highly dynamic environment.

James McCaffrey

MSDN Magazine January 2010


Toolbox: C# JavaScript, Eric Lippert's Blog, And More

  

Writing your JavaScript code in C# and having it converted, Eric Lippert's programming blog, and reading up on T-SQL 2008.

Scott Mitchell

MSDN Magazine January 2009


Categories: 
ASP.NetWindows Application  .NET Framework  C#  VB.Net  ADO.Net  
Sql Server  SharePoint  Silverlight  Others  All   

Hall of Fame    Twitter   Terms of Service    Privacy Policy    Contact Us    Archives   Tell A Friend