Join Dotnetcodes DotnetCodes.com is online Discussion Forum for Software professionals . It lets you find friends around the world and Create professional network that share similar interests as you. Get help on ur projects by industry specialists. Also get answers to all ur technical/placement related querries.Get an edge over others.
Already MemberClick here to login
ASP.net MVC Interview Questions Answers Interview Questions
Get Started Developing for Android Apps with Eclipse Articles
.Net framework 4.0 Interview Questions Answers Interview Questions
Whats New in ASP.NET 4.0 Part 2 Articles
SQL server reporting services Interview Questions (SSRS) part 1 Articles
Serial Number in SSRS Articles
SharePoint 2010 interview Questions Answers Interview Questions
How to Print a Crystal Report direct to printer Articles
Html5 interview questions and answers Interview Questions
Explaining SDLC -System Development Life Cycle Articles
Populate or bind Dropdownlist in Asp.net using Jquery and Json Articles
Difference between Encapsulation and Abstraction Interview Questions
ASP.NET MVC Overview Interview Questions
Sql Server Database Backup and Restore through C# Source Codes
Infosys Interview Questions Interview Questions
Submit Articles | More Articles..

How to show hide DIV with Checkbox

Posted By: rakesh On:11/27/2012 10:13:38 AM in:Interview Questions Category:JavaScript Hits:2754
below are the code to show a div on Checkbox checked and hide on Checkbox unchecked.

Below code is help you to show a div when Checkbox checked and hide when Checkbox unchecked using javascript. I have tested and it's working great.

Below are the code:

<html>
<head>
<script>
function fnchecked(blnchecked,divid)
{
if(blnchecked)
{
document.getElementById(divid).style.display = "";
else
{
document.getElementById(divid).style.display = "none";
}

}
</script>
</head>
<body>
<input type="checkbox" name="fldcheckbox" id="fldcheckbox" onclick="fnchecked(this.checked,'divcheck');"/>
<div id="divcheck" style="display:none;">
this is a test file
</div>
</body>
</html>
 
comments powered by Disqus
User Profile
Rakesh Sinha
Team Lead
Delhi , INDIA
Email :You must Log In to access the contact details.
Latest Post from :rakesh
Response.Redirect vs Server.Transfer
View: 246 | Submitted on: 12/27/2015 2:26:38 PM
The test form is only available for requests from the local machine.
View: 360 | Submitted on: 11/3/2015 9:54:36 PM
Difference between web service WCF and Web API
View: 3782 | Submitted on: 10/28/2015 9:23:51 PM
Which party you want to vote in Delhi assembly elections 2015?
View: 1286 | Submitted on: 12/18/2014 4:19:24 AM
How to Calculate sum of a column in a dataset
View: 714 | Submitted on: 9/17/2014 6:48:19 AM
Submit Articles | All Post of This User..

All rights reserved to dotnetcodes. Logos, company names used here if any are only for reference purposes and they may be respective owner's right or trademarks.
Best viewed at 1024 x 768 resolution with Internet Explorer 5.0 or Mozila Firefox 3.5 or Google Crome and higher