How to call a javascript function on checkbox checkchanged event?

Question

Hi, I want to call a javascript function on checkbox checkchanged event.. How can i do that?

Suthish Nair · Answer

Instead of onclick use onchange event.. " " protected void Page_Load(object sender, EventArgs e) { chkbusiness.Attributes.Add("onchange", "javascript:OpenPopup()"); }

Krishna Garad · Answer

the upload is also created VS 2008 and if it is saying onclick is not valid attribute then write this line in Parrent page_load event CheckBox1.Attributes.Add("onclick","javascript:OpenPopup('Default2.aspx','New Entry',400,400);"); it will work as well if you are getting that error as compile time error then don't worry it will work. as well you want to get the dropdownvalues also so on popup window script write like function f2() { var street = document.getElementById("txtstreet").value; var zip = document.getElementById("txtzipcode").value; var city = document.getElementById("drpcity").value; var state=document.getElementById("drstate").value; var country=document.getElementById("drcountry").value; var add = street + zip+city+state+country; opener.document.getElementById("txtaddress").value = add; window.close(); } if still facing problem feel free to ask.

B M Suchitra · Answer

Hi Krishna, The file u have attached i tried to run it in VS 2008. It gives me an error that onclick is not a valid attribute. Thats y i said in previous reply that its not working.. Also i have to pass dropdown selected values from pop up page to parent page.

Krishna Garad · Answer

Here is one attached example to open popup and on closing this popup passing the values of textboxes on parent form. Any doubt ask again

B M Suchitra · Answer

Hi, I have attached the files. The startup page is frmcontacts. When users checks a checkbox opo up page opens. User enters the data and clicks ok. At the ok button click on pop up page all the textbox values should be displayed in the frmcontacts txtaddress.text.. How to do it?

Krishna Garad · Answer

First write the script to open popup in .aspx page and then on checkbox onclick call it as previous and in page_load event comment this line CheckBox1.Attributes.Add("onclick", "window.open('Default3.aspx',null,'height=250, width=250,status= no, resizable= no, scrollbars=no,top=screen.heght/2,left=screen.width/2, toolbar=no,location=no,menubar=no ');"); Above is javascript only not from .aspx.cs file. if still the popup is not opening check your browser is allowing popup windows.

B M Suchitra · Answer

Hi Krishna, OnClick does not work onclick="javascript:OpenPopup('frmentry.aspx','NewEntry',400,400);"

Krishna Garad · Answer

Write this javascript function function OpenPopup(pageURL, title, w, h) { var left = (screen.width / 2) - (w / 2); var top = (screen.height / 2) - (h / 2); var targetWin = window.open(pageURL,title, 'toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=no, copyhistory=no, width=' + w + ', height=' + h + ', top=' + top + ', left=' + left); } and onclick of checkbox call it like in previous script also you can add this

B M Suchitra · Answer

Hi Krishna, The pop up should show in the centre how to do that?

Krishna Garad · Answer

if you want's to open the popup window on click of checkbox write this in your page_load event and remove the script. CheckBox1.Attributes.Add("onclick", "window.open('popup.aspx',null,'height=250, width=250,status= no, resizable= no, scrollbars=no, toolbar=no,location=no,menubar=no ');")

B M Suchitra · Answer

Hi Krishna, Its still not working. Actually the javascript function opens a new page. When a user checks a checkbox this new page should pop up.

Krishna Garad · Answer

OnCheckedChanged event is server side event you need to call onclick event like bellow and also modify the script as bellow function OpenPopup() { Open("frmentry.aspx"); }

B M Suchitra · Answer

Hi Krishna, Is this correct: AutoPostBack="True" CausesValidation="True" oncheckedchanged="javascript:OpenPopup();"" /> Javascript function is: function OpenPopup() { popup("frmentry.aspx"); } function fnClickOK(sender, e) { __doPostBack(sender,e); } ================ Its not working

Krishna Garad · Answer

try like this

How to call a javascript function on checkbox checkchanged event?

Answers (14)