如何根据访问者联系记录预选单选按钮

Posted 2023-05-09

【中文标题】如何根据访问者联系记录预选单选按钮

【英文标题】：How to pre-select radio button based on visitors contact record

【发布时间】：2019-12-30 18:47:48

【问题描述】：

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

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

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”单选按钮。

【问题讨论】：

您已经告诉我们您的目标，但它有什么问题？如果您有特定问题，请编辑问题以提供更多详细信息以及您遇到的任何错误消息

我认为您需要检查它是否未定义？ if(typeof flavorFave !== "undefined")radiobtn = document.getElementById(flavorFave); radiobtn.checked =真；

【参考方案1】：

您可能会从数据库中获取数据并设置具有相应值的数据以使用 jQuery 道具进行检查

.prop('checked', true);

【参考方案2】：

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

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

【参考方案3】：

以下内容从数据库中获取“风味”偏好并将其存储在名为“风味”的变量中。以下内容是我们系统专有的。

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

源代码将显示风味而不是跨度标记，例如：

var flavorFave = "strawberry";

如果未定义变量“flavorFave”，则默认为“Vanilla”。如果定义了风味，它将预先填充相应的单选按钮：

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

【讨论】：

请您解释一下它的工作原理，而不是只提供代码答案？