如何在单选按钮中保留使用选定选项？

<input type="radio" name="gender" value="male" checked> Male
<input type="radio" name="gender" value="female"> Female

<input type="radio" name="gender" value="male" id="maleRadio"> Male
<input type="radio" name="gender" value="female" id="femaleRadio"> Female

<script>
    document.getElementById("maleRadio").checked = true;
</script>

<style>
    input[type="radio"][value="male"]:checked {
        /* 设置选中状态的样式 */
    }
</style>

<input type="radio" name="gender" value="male"> Male
<input type="radio" name="gender" value="female"> Female