jQuery Mobile：定期刷新单选按钮

Question

我在刷新一组单选按钮时遇到了麻烦，我希望有人能帮忙..问题是如何显示最新的选择（选择哪个收音机），所以当一个用户选择A时，另一个用户怎么办？看到单选按钮'#rA'在他自己的设备上被选中。

这里是标记：显示所选无线电值的div和3个单选按钮。

<div id="radiostate"><?php echo $value;?></div>
<div id="test" >     
    <input type="radio" name="r" id="rB" value="B" data-theme="c" ><label for="rB">&nbsp;</label>  
    <input type="radio" name="r" id="rA" value="A" data-theme="a" ><label for="rA">&nbsp;</label>
    <input type="radio" name="r" id="rC" value="C" data-theme="f" ><label for="rC">&nbsp;</label>
</div> 

每隔10秒刷新div“#radiostate”的代码，并根据$ value检查单选按钮：

 var refresh = setInterval(function(){
   $('#radiostate').load('getstate.php');
   var dbvalue = $('#radiostate').text();
   $('input[type="radio"][value="' + dbvalue +'"]').attr('checked', true).checkboxradio("refresh");
 }, 10000); 

这样可以在“#radiostate”中显示所选的无线电值（A，B或C），但单选按钮不会改变...有什么建议吗？提前谢谢！

EDIT1

我也尝试将单选按钮放在另一个PHP（radio.php）中，然后每隔10秒加载一次，但这完全搞砸了风格。 如果我在radio.php中没有包含jquery.js和jquerymobile.js，则单选按钮会丢失样式：

如果我包含jquery.js和jquerymobie.js，index.php将如下所示，并且每次加载radio.php后该层都会增加：

Answer 1

不使用.attr来检查单选按钮，而是使用.prop

var refresh = setInterval(function(){
$('#radiostate').load('getstate.php');
var dbvalue = $('#radiostate').text();
$('input[type="radio"][value="' + dbvalue +'"]').prop('checked', true).checkboxradio("refresh");
}, 10000);