jQuery 移动 : refresh radio button selection periodically

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)，但单选按钮不会更改...有什么建议吗？提前致谢!

编辑1

我还尝试将单选按钮放入另一个 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);