About Me

My photo

I am Ram, a Web Designer and Developer.   More than 4  years of experience in software development. Created complex back-end management systems including content management, e-commerce, customer relations and communication interfaces. The projects based on PHP in conjunction. PHP, SQL, JavaScript, AJAX, XHTML, CSS (Responsive), I help people make beautiful websites, functional applications and seamless user experiences.

Thursday, 16 April 2015

Disable/enable an input using javascript

<script language="javascript">
function codename() {
   

if(document.editpro.checkboxname.checked)
{
document.editpro.name.disabled=false;
document.editpro.city.disabled=false;
document.editpro.mob.disabled=false;
document.editpro.regster.disabled=false;
}
else
{
document.editpro.name.disabled=true;
document.editpro.city.disabled=true;
document.editpro.mob.disabled=true;
document.editpro.regster.disabled=true;
}
}</script>

<form method="post" action="" name="editpro">

<input class="form-control" type="text"  readonly value="" name="email" placeholder="Email">

<input class="form-control" type="text" value="" name="name" disabled="disabled"   placeholder="User Name">

<input disabled="disabled"  class="form-control"id="placepicker" name="city" value=""  type="text" placeholder="City">

<input disabled="disabled"  class="form-control" type="text" name="mob" value="" placeholder="Mobile Number">

 <button type="submit" class="btn  btn-danger" name="regster" disabled="disabled">Submit</button>
 If you Edit Your Info  <input type="checkbox" onclick="codename()" name="checkboxname" value="ON">

</form>


Demo







If you Edit Your Info

No comments:

Post a Comment