0

我想在 jQuery 中使用选中的单选按钮执行一些操作，但是我不太确定如何执行此操作。

我有一组单选按钮，我使用以下代码获得选中的单选按钮：

var solid_checked = ($('#solidcolor input[name=asw_options[box_background_color]]:checked').val());

我现在怎么能说向那个选中的单选按钮添加一个 CSS 类。我只想将 CSS 类添加到选中的单选按钮而不是其他单选按钮。

试图做这样的事情：

$(this).addClass('selected').siblings().removeClass('selected');

编辑

我正在做的是使用图像作为使用 CSS 和 jQuery 的单选按钮。您单击图像以选择它，最终会在其周围出现橙色边框。然后保存设置。

当页面重新加载时，我希望选中的单选按钮（图像）保持橙色边框，但我无法让它工作。

这是我最初用来突出显示单选按钮的 jQuery（图片）

$('#solidcolor input:radio').addClass('input_hidden');
$('#solidcolor label').click(function() {
    $(this).addClass('selected').siblings().removeClass('selected');
});

我现在如何添加：

$(this).addClass('selected');

类到脚本，以便它突出显示选中的单选按钮？

想尝试实现这样的目标：

if($("input[name='asw_options[box_background_color]']").is(':checked')) {
$(this).css("border", "solid 3px orange");
}

或者

if($("input[name='asw_options[box_background_color]']").is(':checked')) {
$(this).addClass('selected');
}

但这些都不起作用。

4

2 回答 2

3

要将类添加到单选组的选中元素，请使用仅选择选中元素:checked，然后添加类：

$('input[name=radiogroup]:checked').addClass('classname');

http://api.jquery.com/checked-selector/

于 2012-08-08T02:43:59.070 回答
0

你可以试试这个change事件：

$('#solidcolor input[name^="asw_options"]').change(function(){
    $(this).addClass('selected').siblings().removeClass('selected');
})
于 2012-08-08T02:47:27.387 回答