要通过JavaScript设置输入字段的默认值吗

我正在使用JavaScript制作一个表单，并将输入字段设置为只读。我更改只读属性的默认颜色。当字段为

readonly

I-e“NIL”时，我想显示一个默认值

HTML

如果字段为

readonly

，我想添加默认值“Nil”。请指导我如何将此属性添加到我的脚本。

要为所有具有

只读属性的元素指定一个值“Nil”，可以使用
[readonly]
如下所示：


$（'[readonly]'）.val（'Nil'）

要为所有具有
只读属性的元素指定一个“Nil”值，您可以像这样使用
[readonly]
：


$（'[readonly]'）.val（'Nil'）

要为所有具有
只读属性的元素指定一个“Nil”值，您可以像这样使用
[readonly]
：


$（'[readonly]'）.val（'Nil'）

要为所有具有
只读属性的元素指定一个“Nil”值，您可以像这样使用
[readonly]
：


$（'[readonly]'）.val（'Nil'）


工作小提琴-

工作小提琴-

工作小提琴-

工作小提琴-
我认为我们应该停止使用JSFIDLE链接@穆罕默德·阿德里兹万很高兴能帮助你。：）@MuhammadRizwan根据您问题中提供的代码，
#age
和
#phone
不是
只读的。这个答案并没有回答您提出的问题。@JamesDonnelly在问题中提供的代码中使用了“disable”属性，所以在我的答案中。我相信，从问题中可以明显看出，目标是将默认值“Nil”设置为“age”和“phone”字段，一旦单击单选按钮（保存值为“female”）后，这些字段将变为不可编辑字段。不可编辑的字段是只读的。”“只读”和“禁用”用于使字段不可编辑。@Ashish
readonly
和
disabled
是完全不同的属性，所以我的观点仍然成立。您已经回答了用户的要求，但还没有回答给出的问题。我认为我们应该停止使用JSFIDLE链接@穆罕默德·阿德里兹万很高兴能帮助你。：）@MuhammadRizwan根据您问题中提供的代码，
#age
和
#phone
不是
只读的。这个答案并没有回答您提出的问题。@JamesDonnelly在问题中提供的代码中使用了“disable”属性，所以在我的答案中。我相信，从问题中可以明显看出，目标是将默认值“Nil”设置为“age”和“phone”字段，一旦单击单选按钮（保存值为“female”）后，这些字段将变为不可编辑字段。不可编辑的字段是只读的。”“只读”和“禁用”用于使字段不可编辑。@Ashish
readonly
和
disabled
是完全不同的属性，所以我的观点仍然成立。您已经回答了用户的要求，但还没有回答给出的问题。我认为我们应该停止使用JSFIDLE链接@穆罕默德·阿德里兹万很高兴能帮助你。：）@MuhammadRizwan根据您问题中提供的代码，
#age
和
#phone
不是
只读的。这个答案并没有回答您提出的问题。@JamesDonnelly在问题中提供的代码中使用了“disable”属性，所以在我的答案中。我相信，从问题中可以明显看出，目标是将默认值“Nil”设置为“age”和“phone”字段，一旦单击单选按钮（保存值为“female”）后，这些字段将变为不可编辑字段。不可编辑的字段是只读的。”“只读”和“禁用”用于使字段不可编辑。@Ashish
readonly
和
disabled
是完全不同的属性，所以我的观点仍然成立。您已经回答了用户的要求，但还没有回答给出的问题。我认为我们应该停止使用JSFIDLE链接@穆罕默德·阿德里兹万很高兴能帮助你。：）@MuhammadRizwan根据您问题中提供的代码，
#age
和
#phone
不是
只读的。这个答案并没有回答您提出的问题。@JamesDonnelly在问题中提供的代码中使用了“disable”属性，所以在我的答案中。我相信，从问题中可以明显看出，目标是将默认值“Nil”设置为“age”和“phone”字段，一旦单击单选按钮（保存值为“female”）后，这些字段将变为不可编辑字段。不可编辑的字段是只读的。”“只读”和“禁用”用于使字段不可编辑。@Ashish
readonly
和
disabled
是完全不同的属性，所以我的观点仍然成立。您已经回答了用户想要的内容，但尚未回答给出的问题。@Ashish您应该停止让他人查看您的答案。。除了看到答案，你认为他们还在这里干什么@谢谢你的宝贵意见。我注意到了。问题的标题是关于设置默认值的，它的文本指的是为
readonly
元素设置颜色，但包含的代码没有此类元素，也没有尝试设置内容颜色，只有背景颜色。请编辑您的问题以保持一致和清晰。@Ashish您应该停止要求他人查看您的答案。。除了看到答案，你认为他们还在这里干什么@谢谢你的宝贵意见。我注意到了。问题的标题是关于设置默认值的，它的文本指的是为
readonly
元素设置颜色，但包含的代码没有此类元素，也没有尝试设置内容颜色，只有背景颜色。请编辑您的问题以保持一致和清晰。@Ashish您应该停止要求他人查看您的答案。。除了看到答案，你认为他们还在这里干什么@谢谢你的宝贵意见。我记下来了。问题的题目是关于设置默认值，它的
<input type="radio" name="sex" value="male">Male<br/>
<input type="radio" name="sex" value="female">Female <br/>
Age:<input type="text" name="age" id="age" size="20">
Hobbies:<input type="text" name="hobbies" id="hobbies" size="20"><br/>
Phone:<input type="text" name="phone" id="phone" size="20"><br/>

$("input[name='sex']").change(function() {
if($(this).val() == "female") {
    $("#age,#phone").attr("disabled", true).css("background-color","#0F0");
} else if($(this).val() == "male") {
    $("#age,#phone").attr("disabled", false).css("background-color","#FFF");;
}
});

$("input[name='sex']").change(function() {
if($(this).val() == "female") {
     $("#age,#phone").val('Nil');
    $("#age,#phone").attr("disabled", true).css("background-color","#0F0");

} else if($(this).val() == "male") {
    $("#age,#phone").val('');
    $("#age,#phone").attr("disabled", false).css("background-color","#FFF");
}
});