从服务器获取数据时如何保持动态单选按钮处于选中状态

Question

我有一个单选按钮列表，该列表是从PHP脚本动态生成的，我也具有功能。当我检查单选按钮时，数据通过JQuery AJAX发布从单选按钮传递到PHP文件并获取一个值，我刷新页面以查看效果，但是问题是当刷新单选按钮时未选中。我想通过获取单选按钮的值来保持选中状态。

这是PHP代码。

<?php   
while($metals = $showr->fetch_array()) {
    ?>

    <input type="radio" name="metal" onclick="getDesign()" <?php if(isset($metal) && ($metal) == '5') echo ' checked="checked"'; ?> id="metal" value="<?php echo $metals['code']; ?>"><?php echo $metals['metal']; ?>

    <?php }

<script type="text/javascript">
function getDesign() {
var radioValue = $("input[name='metal']:checked").val();
    $.ajax({
    type: "POST",
    url: "<?php echo SITE_URL; ?>image_filter.php",
    data:{metal: radioValue, id: <?php echo $id; ?>},
    success: function(data){
        $("input[name='metal']:checked").prop('checked', true);
        location.reload();
    }
    });
}
</script> 

有人可以帮助我，在更改单选按钮时如何保持选中状态。

Answer 1

您需要使用单选按钮ID在数据库：radioValue中更新此值

页面重新加载后应自动检查。