jquery - 跟踪选定的单选按钮并即时应用样式

Question

我需要跟踪选中了哪个单选按钮并向其添加/删除样式。

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

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

非常感谢！

Answer 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');
});

检查小提琴

Answer 2

jQuery :checked 可以为你做到这一点。循环通过您的无线电输入（使用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/