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