how we add or remove readonly attribute from textbox on clicking radion button in cakephp using jquery

Question

Here is my cakephp generated HTML radio box and text box script    lt input type  radio  id  need staff on site  name  data CaterRequest  need staff on site   value  yes  class  staff on site  gt  lt span gt Yes lt  span gt    lt input type  radio  id  need staff on site  name  data CaterRequest  need staff on site   class  staff on site  value  no  gt  lt span gt No lt  span gt   How many staff  lt input type  text  maxlength  3  id  no of staff  name  data CaterRequest  staff needed   class  txtboxSml2  readonly  readonly  gt    jquery Script     document  ready function           staff on site   click function        arr   this  val       if  arr     yes        no of staff   removeAttr  readonly         if  arr     no        no of staff   attr  readonly    readonly                  Demo jsfiddle Link

User · Accepted Answer

In your Case you can write the following jquery code:

$(document).ready(function(){

   $('.staff_on_site').click(function(){

     var rBtnVal = $(this).val();

     if(rBtnVal == "yes"){
         $("#no_of_staff").attr("readonly", false); 
     }
     else{ 
         $("#no_of_staff").attr("readonly", true); 
     }
   });
});

Here is the Fiddle: http://jsfiddle.net/P4QWx/3/

User · Answer

You could use prop as well  Check the following code below     document  ready function            staff on site   click function          var rBtnVal     this  val          if rBtnVal     yes                 no of staff   prop  readonly   false                else                no of staff   prop  readonly   true

[jquery] how we add or remove readonly attribute from textbox on clicking radion button in cakephp using jquery?

Examples related to jquery

Examples related to cakephp