序列化單選按鈕

Question

我有這樣

<input type="radio" name="test" value="h" /> 
<input type="radio" name="test" value="g" /> 
<input type="radio" name="test" value="s" /> 

現在，一個單選按鈕組，我serialzing形式保存從已保存的序列化形式值我想正確加載這些單選按鈕他們的價值觀，接下來的時間，但它沒有正確顯示選定的單選按鈕。

我顯示形式的序列化值到頁面這樣

var obj = $('form').serializeObject(); 
    for(var r in obj){ 
      if(obj.hasOwnProperty(r)){ 
       var nr = obj[r]; 
       $('[name='+r+']').val(nr); 
     } 
    } 

Answer 1

HTML：

<form id="foo"> 
    <input type="radio" name="test" value="h" /> 
    <input type="radio" name="test" value="g" /> 
    <input type="radio" name="test" value="s" /> 
    <button id="button">foo</button> 
</form> 

<form id="bar"> 
    <input type="radio" name="test" value="h" /> 
    <input type="radio" name="test" value="g" /> 
    <input type="radio" name="test" value="s" /> 
</form> 

的Javascript：

(function() { 
    $('#button').click(function(e) { 
     e.preventDefault(); 
     var foo = $('#foo').serializeArray(); 
     for(var i in foo) { 
      if(foo.hasOwnProperty(i)) { 
       $('[name="'+foo[i]['name']+'"][value="'+foo[i]['value']+'"]').each(function() { 
        $(this).attr('checked', true); 
       }) 
      } 
     } 
    })  
})();