我们如何使用jquery在cakephp中单击文件按钮上的文本框中添加或删除readonly属性?

前端之家收集整理的这篇文章主要介绍了我们如何使用jquery在cakephp中单击文件按钮上的文本框中添加或删除readonly属性?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的cakePHP生成HTML广播框和文本框脚本:
<input type="radio" id="need_staff_on_site" name="data[CaterRequest][need_staff_on_site]" value="yes" class="staff_on_site"><span>Yes</span>

<input type="radio" id="need_staff_on_site" name="data[CaterRequest][need_staff_on_site]" class="staff_on_site" value="no"><span>No</span>

How many staff?<input type="text" maxlength="3" id="no_of_staff" name="data[CaterRequest][staff_needed]" class="txtBoxSml2" readonly="readonly">

jquery脚本:

$(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

解决方法

在您的案例中,您可以编写以下jquery代码
$(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); 
     }
   });
});

这是小提琴:http://jsfiddle.net/P4QWx/3/

猜你在找的jQuery相关文章