需要AngularJS chekbox ng

需要AngularJS chekbox ng,angularjs,Angularjs,我有一些复选框,当用户单击提交按钮时,需要选中这些复选框。 我已插入此ng required=“cbmemberdoc.checked”,但似乎不起作用 这个在css中 input.ng-invalid.ng-touched { border: 2px solid red; } 在“提交”按钮上,我有: ng-disabled="client.$invalid" 这适用于其他文件,如文本框。当用户在没有任何文本但没有复选框的情况下传递文本框时,文本框变为红色。您需要

我有一些
复选框
,当用户
单击
提交
按钮时,需要选中这些复选框。 我已插入此
ng required=“cbmemberdoc.checked”
,但似乎不起作用

这个在css中

 input.ng-invalid.ng-touched {
        border: 2px solid red;
    }
在“提交”按钮上,我有:

ng-disabled="client.$invalid"

这适用于其他文件,如文本框。当用户在没有任何文本但没有复选框的情况下传递文本框时,文本框变为红色。您需要将输入元素包装在
span
中,并将边框应用于该
span
元素。这里是CSS的变化

CSS:

.error-wrapper{
  display:inline-grid;
  border:2px solid transparent;
}
.error{
  border:2px solid red;
}
.error-wrapper input{
  margin:0px;
}
下面是一个相同的演示

var-app=angular.module('myApp',[]);
app.controller('MyController',函数MyController($scope){
$scope.array=[false,false,false,false,false];
});
。错误包装器{
显示:内联网格;
边框:2倍实心透明;
边界半径:50%;
填充:2px;
左:3倍;
}
.错误{
边框:2倍纯红;
边界半径:50%;
填充:2px;
左:3倍;
}
.错误包装器输入{
边际:0px;
}

提交

你能让plunkr吗?我想你使用的是html5 validaion而不是angularjs,因为我没有看到novalidate标签和ng,但我会看到在我的表格中,我在乞讨中有这个,不可能将复选框四舍五入红色而不是四舍五入?@hpt如果你知道CSS,你可以做
边界半径:50%
检查我的更新回答!我认为你的css可以被input.ng-invalid.ng-touch{border:2px纯红;outline color:red;