我们如何使用jquery在cakephp中点击radion按钮来添加或删除文本框中的readonly属性？

这是我的cakephp生成的HTML 单选框和文本框脚本：

Yes No How many staff? 

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"); } }); }); 

演示jsfiddle链接

Answer 1

在您的Case中，您可以编写以下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/

Answer 2

你也可以使用prop 。 请检查以下代码。

 $(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); } }); });