跟踪选定的单选按钮并动态应用样式

时间:2013-05-23 08:19:36

标签: jquery css radio-button

我需要跟踪选中的单选按钮并添加/删除样式。

如何检测此刻检查哪个单选按钮。 我只能跟踪用户打开页面时默认检查的内容。

有人可以帮助代码并分享有关所用方法的进一步阅读的链接。

非常感谢!

2 个答案:

答案 0 :(得分:1)

添加更改活动

var $radio = $('input[type="radio"]');

$radio.on('change', function() {
    var $this = $(this);
    this.checked ? $this.addClass('a') : $this.removeClass('a');
    $radio.not(this).removeClass('a');
});

<强> check Fiddle

答案 1 :(得分:0)

jQuery:check可以为你做这个。循环通过您的无线电输入(使用each,也使用jQuery)并查找已检查的输入。

像这样(未经测试):

jQuery.each('.radio_inputs', function() {
    if ($(this).is(":checked")) {
        $(this).addClass('.checked_input');
    }
});

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