在 Shopify 中选中单选按钮时如何获取 ID 值？

【问题标题】：How to get the ID value while the radio button is checked in Shopify?在 Shopify 中选中单选按钮时如何获取 ID 值？
【发布时间】：2021-06-03 03:08:54
【问题描述】：

我有一个单选按钮组和一个输入字段。我想要的是当单选按钮属性被选中时，下面的 ID 会得到它们的值。我尝试了一些错误的东西。

<input type="radio" id="male" name="gender" value="male" checked>
<label for="male">Male</label><br>
<input type="radio" id="female" name="gender" value="female">
<label for="female">Female</label><br>

<input type="text" id="{%if radio.checked='checked'%} Account {%endif%}" class="">

【问题讨论】：

标签： javascript html shopify liquid

【解决方案1】：

我认为您需要输入框值作为选定的单选按钮值。如果您更改输入控件的 id，则 HTML 页面将有 2 个具有相同 id 的控件。如果您希望输入控件值显示选定的单选值，请使用以下代码。

<script language="javascript">

function onCheck(isChecked, value){
    document.getElementById('displaySelRad').value = value
}

</script>


    <input type="radio" id="male" name="gender" value="male" checked onclick="onCheck(this.checked, this.value)">
    <label for="male">Male</label><br>
    <input type="radio" id="female" name="gender" value="female" onclick="onCheck(this.checked, this.value)">
    <label for="female">Female</label><br>

    <input type="text" id="displaySelRad" class="">

【讨论】：