首页 > 解决方案 > 从服务器获取数据时如何保持选中动态单选按钮

问题描述

我有一个从 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> 

任何人都可以帮助我如何在更改单选按钮时检查单选按钮。

标签: phpjqueryajax

解决方案


您需要在数据库中更新此值:radioValue,带有单选按钮 id

一旦页面重新加载,它应该自动检查。


推荐阅读