0

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

http://jsfiddle.net/KRMRU/18/

但是,如果上述所有内容都位于 angular.js- 表中,则此方法不起作用

http://jsfiddle.net/KRMRU/17/

我假设 jQuery$(this).addClass不能正常工作,我需要别的东西......有什么想法吗?

4

2 回答 2

1

不知道为什么您的点击不起作用,但我找到了解决方法:

如果您在 main 函数下方使用以下 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/

于 2013-06-06T13:04:04.907 回答
1

另一个不依赖 jQuery 的选项

(养成在 AngularJs 中使用 jQuery 的习惯如果使用不当可能会导致痛苦)

一些简单的css怎么样:

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

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

(顺便说一句,你为什么使用 Angular 0.10.5?)

于 2013-06-06T15:14:25.947 回答