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> 

代码刷新格“#radiostate”每10秒，并获得单选按钮托运基于$值：

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

这工作正常显示所选无线电值（A，B ，或C）在“＃radiostate”，但单选按钮不会改变......任何建议？提前致谢！

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);