Question

我有简单的单选按钮。我有一个.selected类，如果您选择其中一个，则会将“+10”，“0”和“X”标签变为红色。这有效：

但是，如果以上所有内容都位于angular.js表中，则无效

我认为jQuery $(this).addClass无法正常工作，我还需要别的东西......有什么想法吗？

Answer 1

不确定为什么您的点击不起作用，但我找到了解决方法：

如果你在主函数下面使用下面的jQuery，它应该可以工作：

$(document).ready(function() {
    $('#sites input:radio').addClass('input_hidden');
    $(document).on('click', '#sites label', function() {
        $(this).addClass('selected').siblings().removeClass('selected');
    });
});

http://jsfiddle.net/peteng/KRMRU/25/

Answer 2

另一个不依赖于jQuery的选项

（养成在AngularJs中使用jQuery的习惯，如果使用不当会导致痛苦）

一些简单的css怎么样：

input[type="radio"]:checked+label{ background-color: red; }

如果选中收音机，则下一个标签将标有红色背景。

（顺便说一下，你为什么使用Angular 0.10.5？）

angular.js ng-repeat中的css“.selected”无法正常工作

2 个答案: