javascript - 当使用 bootstrap Radio 而不预先选择选项时，即使没有任何内容，也会检查第一个选项结果

Question

我正在尝试使用 Bootstrap Radio使用以下标记和js

<div class="form-control type">
    <div class="radio-header">Please select the type of gallery item you want to create</div>
    <div class="btn-group" data-toggle="buttons">
        <label class="btn btn-primary">
            <input type="radio" div_class="form-inline" class="visibility_switcher" id="type_image_0" value="image" name="dgt_gallery_item[0][type]" />Image</label>
        <label class="btn btn-primary">
            <input type="radio" div_class="form-inline" class="visibility_switcher" id="type_quote_0" value="quote" name="dgt_gallery_item[0][type]" />Quote</label>
        <label class="btn btn-primary">
            <input type="radio" div_class="form-inline" class="visibility_switcher" id="type_text_0" value="text" name="dgt_gallery_item[0][type]" />Text</label>
        <label class="btn btn-primary">
            <input type="radio" div_class="form-inline" class="visibility_switcher" id="type_video_0" value="video" name="dgt_gallery_item[0][type]" />Video</label>
    </div>
</div>

    $( '#gallery_items .admin-card' ).each( function( index, element ) {
        var name = $( 'input:radio:first', this ).attr( 'name' );
        var type = $(' input[name="' + name + '"]:checked',this ).val();
        switch_visibility_of_gallery_fields_by_type( type, this );
    } );

.admin-card 是一个包含许多表单输入的 parnet 字段。正如您所看到的，在 html 中没有预先选择任何选项，但在 jQuery 中，在 Firefox 上，检查了第一个单选结果。在 Bootstrap 中也是如此，因为选择第一个选项不会触发“更改”事件。这在 chrome 64 Windows 中按预期工作。知道在 Firefox 上使用什么吗？我需要获取第一个检查的 radio 的值，如果没有检查 radio ，则获取未定义的值。

Answer 1

Firefox persists form control states (disabledness and checkedness) across page loads. A workaround for this is to use autocomplete="off".

尝试为输入字段添加 autocomplete="off"。

<input type="radio" div_class="form-inline" class="visibility_switcher" id="type_image_0" value="image" name="dgt_gallery_item[0][type]" autocomplete="off" />