Jquery 从pageload上的输入获取值

我喜欢在span类活动颜色中显示选中单选按钮的值。它可以工作，但不能加载页面。我必须检查第二个单选按钮以显示效果。我找到了解决办法，但我认为这不是最好的

<span class="active-color"></span>

<div class="swatch-element">        
<input id="schwarz" type="radio" name="color" value="Schwarz" checked="checked">        
</div>

<div class="swatch-element">        
<input id="weiss" type="radio" name="color" value="weiss">        
</div>



$(".swatch-element input:radio").change(function(){
$('.active-color').text($(".swatch-element input:checked").val());
})  

---

假设您已经定义了一个

change

事件处理程序，最简单的方法是通过调用

change（）

方法（不带参数）来触发

change

事件：

// the anonymous function binds the change event-handler:
$(".swatch-element input:radio").change(function(){
    $('.active-color').text($(".swatch-element input:checked").val());
// triggers the change event (which is then handled by the handler):
}).change();

值得注意的是，

change

事件仅在检查无线电输入时触发，因此在匿名函数中，您可以简单地使用

此

：

// the anonymous function binds the change event-handler:
$(".swatch-element input:radio").change(function(){
    $('.active-color').text(this.value);
// triggers the change event (which is then handled by the handler):
}).change();

参考资料：

---

将您的代码放入文档准备就绪：

$(document).ready(
$(".swatch-element input:radio").change(function(){
$('.active-color').text($(".swatch-element input:checked").val());
}) 

$(document).ready(
$(".swatch-element input:radio").change(function(){
$('.active-color').text($(".swatch-element input:checked").val());
})