Javascript 如果单击按钮,则应在ng repeat中选中第一个复选框

Javascript 如果单击按钮,则应在ng repeat中选中第一个复选框,javascript,angularjs,checkbox,angularjs-ng-repeat,Javascript,Angularjs,Checkbox,Angularjs Ng Repeat,大家好,我是angularjs的新手,有人能帮我吗?当我点击一个按钮时所需的所有内容都是要选中的ng重复列表中的第一个复选框。我做错什么了吗?这是我的密码: 复选框 我认为函数的定义应该是这样的: scope.onNewDishClick = function (showNewDIshMessage) { scope.dishTypes[0].checked = true; } 我认为函数的定义应该是这样的: scope.onNewDishClick = function (showNew

大家好,我是angularjs的新手,有人能帮我吗?当我点击一个按钮时所需的所有内容都是要选中的ng重复列表中的第一个复选框。我做错什么了吗?这是我的密码:

复选框
我认为函数的定义应该是这样的:

scope.onNewDishClick = function (showNewDIshMessage) {
 scope.dishTypes[0].checked = true;
 }

我认为函数的定义应该是这样的:

scope.onNewDishClick = function (showNewDIshMessage) {
 scope.dishTypes[0].checked = true;
 }

当您对输入使用
ng model
时,您不需要使用
value
来获得结果,因为
ng model
会自动保存更改

请随意提问,此示例可能会对您有所帮助

var-app=angular.module(“app”,[]);
应用程序控制器('ctrl',函数($scope){
$scope.items=[
{somshing:false,标题:'a'},
{somshing:false,标题:'b'},
{somshing:false,标题:'c'},
{somshing:false,标题:'d'},
{somthing:false,标题:'e'}
]
$scope.checkAll=function(){
angular.forEach($scope.items,function(item){
item.somthing=!item.somthing;
});
}
$scope.checkFirstItem=函数(){
$scope.items[0]。somthing=!$scope.items[0]。somthing;
}
});

  • {{item.somthing} {{item.title}
全部检查 检查第一项
当您在输入上使用
ng model
时,您不需要使用
value
来获得结果,因为
ng model
会自动保存更改

请随意提问,此示例可能会对您有所帮助

var-app=angular.module(“app”,[]);
应用程序控制器('ctrl',函数($scope){
$scope.items=[
{somshing:false,标题:'a'},
{somshing:false,标题:'b'},
{somshing:false,标题:'c'},
{somshing:false,标题:'d'},
{somthing:false,标题:'e'}
]
$scope.checkAll=function(){
angular.forEach($scope.items,function(item){
item.somthing=!item.somthing;
});
}
$scope.checkFirstItem=函数(){
$scope.items[0]。somthing=!$scope.items[0]。somthing;
}
});

  • {{item.somthing} {{item.title}
全部检查 检查第一项
试试这个
谢谢Ramesh我需要在单击按钮时选中列表中的第一个复选框。我还有另外一个角色需要取消选中。
谢谢Karan,我试过了,但没有成功。如果我单击按钮,该操作应该立即发生。我不习惯默认选中复选框。而不是ng model=“dishType.checked”试试这个ng model=“dishType”。试试这个
谢谢Ramesh。我需要在单击按钮时选中列表中的第一个复选框。我还有另外一个角色需要取消选中。
谢谢Karan,我试过了,但没有成功。如果我单击按钮,该操作应该立即发生。我不习惯默认选中复选框。而不是ng model=“dishType.checked”尝试此ng model=“dishType”。感谢Kunvar,选中ng=“$first”的人将默认选中第一个不正确的复选框。应在单击事件时选中复选框。确定,但是我们可以显示默认选中的第一个复选框。是的,但逻辑应该是在单击事件时。我有另一个逻辑,用户不想选择任何复选框Hanks Kunvar the people with ng checked=“$first”它将默认选中第一个复选框,这是不正确的。应在单击事件时选中复选框。确定,但是我们可以显示默认选中的第一个复选框。是的,但逻辑应该是在单击事件时。我有另一个逻辑,用户不想选择任何复选框。我尝试了这个,但由于某种原因,它不起作用。我试图开发包含Telerik和angularjs的代码的问题,我在其中一个代码中没有背景;-)我试过这个,但由于某种原因它不起作用。我试图开发包含Telerik和angularjs的代码的问题,我在其中一个代码中没有背景;-)
scope.onNewDishClick = function (showNewDIshMessage) {
    scope.dishTypes[0].dishType = true;
}
scope.onNewDishClick = function (showNewDIshMessage) {
 scope.dishTypes[0].checked = true;
 }
<div ng-repeat="restorent_type in restaurant_types" style="margin:5px;" class="col col-offset-10">
    <label class="item item-radio radio-label {{restorent_type.RESCOD}}">
        <input type="checkbox" name="group" ng-model="restorent.types" value="{{restorent_type.RESCOD}}" ng-click="filters.RESCOD = restorent_type.RESCOD" ng-checked="$first">       
        <div class="item-content">
            {{restorent_type.RESCOD}}
        </div>
        <i class="radio-icon ion-checkmark"></i>
    </label>
</div>
ng-model="dishType.checked" ng-init="dishType.checked=true"