使用jquery修改占位符后如何将占位符重置为原始值

Question

我有一个复选框和一些用于放置账单的输入字段（名字、名字、详细信息等）。

其中一些信息可以从帐户中获取，因此如果用户选中该复选框，他们将只需要处理两个输入字段，其余的将被禁用。

问题在于，每个输入字段都有不同的占位符，如下所示：

• 名字->“插入你的名字”
• 第二个名字->“插入你的第二个名字”等

当用户按下复选框时，某些输入字段将被禁用，占位符将从原始文本（例如：“插入您的名字”）变为“将使用帐户中的详细信息进行帐单”。

如果用户选中并取消选中该复选框，则占位符将可用，但占位符仍将是“帐单将使用来自帐户的详细信息”。

如何将占位符重置为原始值？

Answer 1

您可以使用此代码：

if ($('input[name="checkboxField"]:checked').length > 0){
    $("#inputField").attr("placeholder", "The bill will be made with the details from account");
}else{
    $("#inputField").attr("placeholder", "Insert your first name");
}