jquery獲取加載或更改時已選中的單選按鈕的值

Question

獲取此腳本以獲取選中的單選按鈕的值並將其打印出來放在另一個標記中。當你單擊一個單選按鈕時，它完美地工作，但我意識到我需要默認選中一些單選按鈕。

如何更改此腳本，以便在頁面加載時輸出已經檢查過的單選按鈕的值？

$("input[type='radio']").click(function(){ 
    var radioValue = $(this).val(); 
    if(radioValue){ 
     $(this).closest('section').find('h2 .value').text(radioValue); 
    } 
}); 

小提琴：https://jsfiddle.net/tactics/bykf31e6/4/

Answer 1

可以使用:checked選擇找到所有負載的檢查:radio元素和遍歷他們設置相關.value元素的值。試試這個：你應該使用change事件結合無線電和checkbox元素

$(":radio:checked").each(function() { 
    $(this).closest('section').find('h2 .value').text(this.value); 
}); 

Example fiddle

注意，以滿足那些誰使用導航他們的鍵盤的網站。另外，如果你刪除檢查無線電元素有一個值（這是多餘的，因爲他們應該總是有一個值），您可以簡化代碼：

$("input[type='radio']").change(setText); // when user selects 
$(":radio:checked").each(setText); // onload 

function setText() { 
    $(this).closest('section').find('h2 .value').text(this.value); 
} 

Example fiddle