Solved

Jquery radiobutton show hide div question

Posted on 2009-07-13
2
2,766 Views
Last Modified: 2012-05-07
Hi there, i have two radio buttons that should show/hide two divs, I am using jquery here is my code, as far as i can tell both divs are hidden on load but the checkbox does not show them. using the latest jquery.
<script type="text/javascript">

    $(document).ready(function(){

	$("#hourlydiv, #fixedfee").hide();

    

	if($("input[name='type']:checked").val() =="hourly") {

            $("#hourlydiv").show("fast");

            $("#fixedfeediv").hide("fast");

	} else if ($("input[name='type']:checked").val() =="fixed") {

            $("#hourlydiv").hide("fast");

            $("#fixedfeediv").Show("fast");

	}

});
 

     </script>

Open in new window

0
Comment
Question by:cookiejest
2 Comments
 
LVL 28

Assisted Solution

by:strickdd
strickdd earned 200 total points
ID: 24842150
you need to create an onclick function that will show/hide the div's, the ready function will only be called when the page is done loading.
0
 
LVL 4

Accepted Solution

by:
SadafRasheed earned 300 total points
ID: 24842842
try this
<script type="text/javascript">

    $(document).ready(function(){

        $("#hourlydiv, #fixedfee").hide();

    

		$("input[name='type']").click(function (){

		

			if($("input[name='type']:checked").val() == "hourly" ) {

				$("#hourlydiv").show("fast");

				$("#fixedfeediv").hide("fast");

			} else if ($("input[name='type']:checked").val() =="fixed") {

				$("#hourlydiv").hide("fast");

				$("#fixedfeediv").Show("fast");

			}

		});

		

        

});

 

</script>

Open in new window

0

Featured Post

What Should I Do With This Threat Intelligence?

Are you wondering if you actually need threat intelligence? The answer is yes. We explain the basics for creating useful threat intelligence.

Join & Write a Comment

Requirements JQuery 1.6+ HTML CSS Introduction This article was inspired by an EE question (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_28372511.html) on how to make a page show some balloons animate up a page…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

758 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now