使用Jquery Mobile 1.3.2檢查和取消選中單選按鈕

Question

我嘗試使用Jquery Mobile 1.3.2重現this example，但它僅適用於版本1.2.1或更低版本。

$(document).on("pageinit", "#page1", function(){ 

     $("#checkFirst").click(function(){ 
      $("input[type='radio']:first").attr("checked", "checked"); 
      $("input[type='radio']").checkboxradio("refresh"); 
     }); 
     $("#checkSecond").click(function(){ 
      $("input[type='radio']:eq(1)").attr("checked", "checked"); 
      $("input[type='radio']").checkboxradio("refresh"); 
     }); 
     $("#checkLast").click(function(){ 
      $("input[type='radio']:last").attr("checked", "checked"); 
      $("input[type='radio']").checkboxradio("refresh"); 
     }); 
     $("#uncheckAll").click(function(){ 
      $("input[type='radio'][checked]").removeAttr("checked"); 
      $("input[type='radio']").checkboxradio("refresh"); 
     }); 
    }); 

此功能重繪單選按鈕只有第1次在JQM一個單選按鈕> 1.2.1

這個鏈接的jsfiddle：

Works version with 1.2.1
​​

任何想法，爲什麼這樣的例子唐在其他版本中工作？使用代替

Answer 1

.prop().attr()

//to check 
$("input[type='radio']:first").prop("checked", true); 
//to uncheck 
$("input[type='radio']:first").prop("checked", false); 

閱讀：Properties Vs Attributes

Answer 2

使用.prop()而不是.attr()

$("input[type='radio']:first").prop("checked", true); 

讀.prop() vs .attr()