我们如何在使用 jquery 单击 cakephp 中的单选按钮时从文本框中添加或删除只读属性？
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/12259031/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
how we add or remove readonly attribute from textbox on clicking radion button in cakephp using jquery?
提问by Pank
Here is my cakephp generated HTML radio boxand text boxscript:
这是我的 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 Script:
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"); }
});
});
回答by Arun Jain
In your Case you can write the following jquery code:
在您的案例中，您可以编写以下 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);
}
});
});
Here is the Fiddle: http://jsfiddle.net/P4QWx/3/
这是小提琴：http: //jsfiddle.net/P4QWx/3/
回答by Dulith De Costa
You could use propas well. Check the following code below.
你也可以使用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);
}
});
});
