how to access the checkbox.click inside a list of panels using jquery

Question

I have this hierarchy, a tabcontainer(tcmain) under that a tabpanel(tpnlRaiseMRF) under that an asp panel(RaiseMRF) under that a checkbox(cbxRecNote). I want to add this function on click. I am adding like this :

$(document).ready(function () { $("#pnlRecNote").hide(); $("#cbxRecNote").click(function () { $("#pnlRecNote").slideToggle(); }); });

the pnlRecNote is directly under form, so its hiding. The cbxRecNote click is not getting fired(above code). but its not working, please help me. I am very new to jquery. Thanks in advance.

Have you tried a console.log instead of the slidetoggle to see if it's being trigered? Do you get any errors when you run that? — JSantos
– JSantos, Commented Sep 15, 2011 at 8:58
"I want to add this function on click." What's this function referring to? Also, what click event do you want to capture? — Rob W
– Rob W, Commented Sep 15, 2011 at 8:58
Can you manualy run the commands on console? If you do $("#pnlRecNote").slideToggle(); does it run? Can you find your elements within console? Also try replacing $("#cbxRecNote") with $("[id$=cbxRecNote]") and do the same for other elements — JSantos
– JSantos, Commented Sep 15, 2011 at 9:18

JSantos · Accepted Answer · 2011-09-15 09:33:11Z

1

Replace your elements with $("[id$=cbxRecNote]")

answered Sep 15, 2011 at 9:33

JSantos

1,70822 silver badges40 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Mohammed Swillam · Accepted Answer · 2011-09-15 09:11:33Z

0

finding your checkbox is a straight forward way, just use your element's ID.

try this:

$("#cbxRecNote").change(function(){
// type your code here
});

this will take advantage of the browser's native javaScript getElementById() function which is the fastest way you can have.

check this live demo from here: http://jsfiddle.net/eS8eY/3/

edited Sep 15, 2011 at 9:11

answered Sep 15, 2011 at 9:00

Mohammed Swillam

9,2524 gold badges38 silver badges47 bronze badges

3 Comments

NayeemKhan Over a year ago

@ElSayed : it can be accessed since its inside some other elements like tabcontainer having id (tcMain) and tabpanel having id (tpRaiseMRF).

Mohammed Swillam Over a year ago

@NayeemKhan: I know, but considering the direct usage of item's ID is much cleaner and speedy too.

NayeemKhan Over a year ago

@elsayed: in that way its not working also know. remember, a tabcontainer is ajax control, under that i have a tabpanel, under which i have panel which is containing my checkbox.

Collectives™ on Stack Overflow

how to access the checkbox.click inside a list of panels using jquery

2 Answers 2

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related