Question

我有一些HTML代码，我用于一个看起来像这样的网站:(有一些变化的变量）

<div class="radio">
    <label>
    <input type="radio" name="radio2" class="radio2" value="YES">
    YES 
    </label>
</div>
    <div class="radio">
    <label>
    <input type="radio" name="radio2" class="radio2" value="NO" checked="checked">
    NO
    </label>
</div>

这完全正常，当我第一次加载页面时会自动检查“否”，但当我检查是然后再次重新加载时，会自动检查“是”选项而不是“否”选项。这是一个问题，因为在检查是时，我显示更多信息，默认值应为“否”，并且不显示任何额外信息。我试过了：

    <input type="radio" name="radio2" class="radio2" value="NO" checked="checked">

和

    <input type="radio" name="radio2" class="radio2" value="NO" checked="true">

和

    <input type="radio" name="radio2" class="radio2" value="NO" checked>

和

<input type="radio" name="radio2" class="radio2" value="YES" checked="false">    
<input type="radio" name="radio2" class="radio2" value="NO" checked="true">

但每当我检查是，我下次加载页面时会再次检查“是”。我使用的是firefox，使用私密浏览并没有帮助。如果您有任何想法，请告诉我们！

Answer 1

您可以尝试使用js，这里是fiddle

HTML：

<form>
    <div class="radio">
        <label>
            <input id="yes" type="radio" name="radio2" class="radio2" value="YES" checked="checked">
            YES 
            </label>
    </div>
    <div class="radio">
        <label>
            <input id="no" type="radio" name="radio2" class="radio2" value="NO">
            NO
            </label>
    </div>
    <input type="submit">
</form>

JS：

$(document).ready(function() {
  $('#no').prop('checked', 'checked');
});

重新加载页面后“已检查”属性无效

1 个答案: