javascript - 根据单选按钮选择设置隐藏输入值

Question

我有一个 list 表单，可以根据运行良好的单选按钮选择来计算分数。当我发布表单时，我想根据单选按钮选择从具有相同类的隐藏输入中获取"is"或“否”值。

因为“值”字段被一个用于评分的整数占用，所以我想将一个值传递给具有相同类名的隐藏表单输入。如果所选单选按钮的值为 0，则隐藏输入的值为“no”，否则将为“yes”。

我希望能够遍历所有 radio 输入组(有很多)。这就是我试图用英文编写的 jquery 实现的目标:

对于每个单选输入组，如果所选单选按钮的值为 0，则具有相同类别的隐藏输入的值为“否”，否则为"is"。

我在使用 JavaScript 时遇到问题，希望得到一些帮助。

HTML

<!--Radio button example -->
<li>
    <label>Does 1 + 1 equal 10 ?</label>
    <input type="radio"  class="radio1" name="question" value="1">Yes</input>
    <input type="radio"  class="radio1" name="question" value="0">No</input>
    <input type="hidden" value="" id="answer" class="radio1"></input>
</li>

预先感谢您，如果您需要更多信息，请告诉我。

Answer 1

将 JQuery 事件附加到单选按钮更改

$(document).ready(function() {
    $('input.radio1[type=radio]').change(function() { //change event by class
        if (this.value == '0') {
            $(this.ClassName[type=hidden]).val("No");
        }
        else if (this.value == '1') {
           $(this.ClassName[type=hidden]).val("Yes");
        }
    });
});

此代码可能包含语法错误，请将此视为伪代码并自己动手