如何根据访客联系人记录预先选择单选按钮

Question

我们为现有客户准备了一个注册表单，并用他们的信息(名字、姓氏和电子邮件地址(填充所有文本输入字段。我们还有一个带有三个单选按钮的单选按钮组列表，需要预填充(选择(与数据库中的联系人记录相对应的单选按钮。

我已将他们的联系人记录信息映射到此字段的变量。

var flavorFave = <span class=dbrecord >Favorite Ice Cream Flavor</span>

以下是单选按钮的表单代码：

<input type="radio" class="custom-control-input" id="Vanilla" name="flavor" value="Vanilla">
<input type="radio" class="custom-control-input" id="Chocolate" name="flavor" value="Chocolate">
<input type="radio" class="custom-control-input" id="Strawberry" name="flavor" value="Strawberry">
...
...
...

我们如何配置表单，以便在定义了变量"flavorFave"时检查正确的单选按钮？例如，如果变量"flavorFave"等于"Vanilla"，那么我们希望选中"Vanilla"单选按钮。

Answer 1

你可能会从数据库中获取数据，并将具有相应值的数据设置为使用 jQuery props 检查

.prop('checked', true);

Answer 2

我认为您需要检查它是否未定义？

if(typeof flavorFave !== "undefined"){ radiobtn = document.getElementById(flavorFave); radiobtn.checked = true; }

Answer 3

下面从数据库中获取"flavor"首选项，并将其存储在名为"flavorFave"的变量中。以下是我们系统的专有内容。

var flavorFave = <span class=dbrecord >Favorite Ice Cream Flavor</span>

源代码将显示风格而不是 span 标记，例如：

var flavorFave = "strawberry";

如果未定义变量"flavorFave"，它将默认为"香草"。如果定义了风格，它将预填充相应的单选按钮：

if(flavorFave === ''){  
$("[name=flavor][value='Vanilla']").prop("checked", true)
} else {
$("[name=flavor][value=" + flavorFave + "]").prop("checked", true)
};
});