Question

是否有人知道所选（CSS）AngularUI单选按钮的正确:checked选择器是什么？我试过“检查”，“选中”，“活跃”，但这都不起作用。我需要为HTML单选按钮找到与:checked类似的选择器。

每个有用的答案/ JSFiddle都受到高度赞赏和评价。

谢谢。

Answer 1

由于您使用的是angularjs，而不是使用jquery选择器，例如：checked或：active，您可以使用angularjs功能来检测活动复选框。

    <div class="form-group">
    <label class="checkbox-inline">
        <input type="checkbox" name="favoriteColors" ng-click="yourFunction()" ng-model="formData.favoriteColors.red"> Red
    </label>
    <label class="checkbox-inline">
        <input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.blue"> Blue
    </label>
    <label class="checkbox-inline">
        <input type="checkbox" name="favoriteColors" ng-model="formData.favoriteColors.green"> Green
    </label>
</div>

将此作为您的复选框，现在在您的js（即）控制器

中

    var formApp = angular.module('formApp', [])

.controller('formController', function($scope) {

    // we will store our form data in this object
    $scope.formData = {};
    $scope.yourFunction = function() {
        /**function to call when a checkbox with model formdata.favourite colors.red is selected **/
};

});

注意我只包含一个复选框的功能。您可以为每个复选框

执行此操作

您可能会发现这个小提琴很有用

http://jsfiddle.net/ShinyMetilda/C9V39/

此外，文档中的这个示例也很有用

https://docs.angularjs.org/api/ng/input/input%5Bcheckbox%5D

Answer 2

如果您使用ng-class绑定到ng-model后再进行样式设计：

<input type="checkbox" ng-model='stuff' ng-class='{class1: stuff, class2: !stuff}'>

并为类class1和class2

添加css规则

样式化选定的AngularUI单选按钮

2 个答案: