您好我有两个单选按钮，并希望在选择单选按钮（选中）父盒（<div>）有这些CSS样式：
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
这是我的div`s单选按钮：
<div class="delivery_option alternate_item">
<input class="delivery_option_radio" type="radio" name="delivery_option[0]" onchange="mydisplayudpate();updateCarrierSelectionAndGift();" id="delivery_option_0_1" value="6," checked="checked">
</div>
<div class="delivery_option item">
<input class="delivery_option_radio" type="radio" name="delivery_option[0]" onchange="mydisplayudpate();updateCarrierSelectionAndGift();" id="delivery_option_0_0" value="7,">
</div>
我使用jQuery有关这些按钮的其它功能，但我真的不知道被选中的单选按钮时，如何正确地只添加边框和阴影盒。
您可以在类中添加CSS声明，然后将类添加/删除到单选按钮的父元素中，如下所示：
.checked {
box-shadow: 0 0 5px #5cd053;
border-color: #28921f;
}
jQuery的：
var $radios = $('input:radio');
$radios.change(function () {
$radios.parent().removeClass('checked');
$(this).parent().addClass('checked');
});
工作演示。
为了在页面加载后应用效果，您可以将类名添加到相应的div父元素中：
<div class="delivery_option alternate_item checked">
<input type="radio" checked="checked">
</div>
或通过JavaScript / jQuery动态地执行相同操作：
$('input:radio').filter(':checked').parent().addClass('checked');
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句