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