单击单选按钮,更改内部图标

时间:2013-06-21 19:23:35

标签: jquery html

当用户点击单选按钮的标签时。我想将齿轮更改为所选标签图标。所以举个例子。 :

如果用户点击了代码。顶部齿轮(齿轮)将变为标签。

这是我的代码:

var current-icon = $('span.carat i.icon-cog');
$('#hidden-search-filter label').click(function(){
    var icon = $(this).find('i');
    current-icon.val(icon);
});

我该如何做到这一点? Here is a fiddle显示我正在使用的内容。提前谢谢!

1 个答案:

答案 0 :(得分:6)

这样的事情:

$('#hidden-search-filter label').on('click', function(){
    $('.carat i:first-child').attr('class', $('i', this).attr('class'));
});

FIDDLE

val()设置并获取元素的值,如:

<input type="text" value="It gets this string" />

您需要更改类,并使用attr()(我们尝试更改属性,而不是className属性)将类重置为新值,其中addClass和removeClass将添加或删除类所有其他课程都会保留等等。