Question

表格可在上面的链接中找到。

直到今天早上，单选按钮和表单按预期工作，但现在用户无法在从两个单选按钮中选择一个后更改答案，即使他们使用相同的输入名称。使用$("#volunteer-form input:radio[name='gender']:checked").val()我发现正确设置了值，并且两个按钮仍然按照通用名称链接。此外，似乎可以使用一些jQuery在两者之间切换，如下所示：

$("#volunteer-form input[name=gender][value=male]").prop('checked', true);

有什么想法吗？

Answer 1

因为你的javascript阻止在这里：

$(document).ready(function() {
        $('.inline').fancybox({
            'maxWidth': 600
        });
        $('.form').click(function(event){
          event.preventDefault();
        });
    });

当你点击表单内的单选按钮时，你的preventDefault会停止改变radiobutton状态...或者你可能已经知道了。

将preventDefault包含在哪里的目的是什么？

为什么这些单选按钮不允许您在选中后切换选中的选项？

1 个答案: