AngularJS判断checkbox/复选框是否选中并实时显示

最新推荐文章于 2023-10-07 03:13:23 发布

Roy_Xiong

最新推荐文章于 2023-10-07 03:13:23 发布

阅读量5.2k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： html 文章标签： angularjs checkbox

本文链接：https://blog.youkuaiyun.com/a764340703/article/details/72654405

本文介绍了一种简洁的AngularJS解决方案，用于判断和管理复选框的选中状态。相较于网上常见的复杂代码，作者提供了一个更简单的实现方式，适用于全选和单个复选框的状态同步。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近因为项目原因重新捡起来了AngularJS ,遇到老问题复选框选中和值的问题。
先贴以前网上找的解决方案
http://www.cnblogs.com/CheeseZH/p/4517701.html
个人感觉太麻烦了，代码太多,然后自己找了点资料，现在如下自己的解决方案
全选checkbox按钮

<input type="checkbox" ng-model="all"> <span>全选</span>

ng-repeat里面的checkbox按钮<form name="testFrom"  action="">
     <div  ng-repeat="x in shoppingCartList" >
		<input type="checkbox" ng-checked="all" value="{
  
  {x.userId}}" name="userId" "></div>
        </div>
</form name="testFrom">

获取值的方法

$scope.deleteUserProduct = function(){
	$scope.userIdList= '';                           //先赋值 '' 避免append的时候 undefined
	var formEle = document.testFrom.elements.userId; //获取form表单name等于userId元素