avalon全选全不选怎么写
这时给出的例子 循环的arr是个简单数据
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div ms-controller="box">
<ul>
<li><input type="checkbox" ms-click="checkAll" ms-attr-checked="checkAllbool"/>全选</li>
<li ms-repeat="arr" ><input type="checkbox" ms-attr-value="el" ms-duplex="selected"/>{{el}}</li>
</ul>
</div>
<script src="https://cdn.bootcss.com/avalon.js/1.5.9/avalon.min.js"></script>
<script>
var vm = avalon.define({
$id: "box",
arr : ["1", '2', "3", "4"],
selected : ["2", "3"],
checkAllbool : false,
checkAll : function() {
if (this.checked) {
vm.selected = vm.arr
} else {
vm.selected.clear()
}
}
})
</script>
</body>
</html>把arr改成包含对象的数组之后怎么实现全选
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div ms-controller="box">
<input type="checkbox" ms-click="checkAll" ms-attr-checked="checkAllbool"/>全选
<br>
<label ms-repeat-el="arr">
<input type="checkbox" ms-duplex-checked="el.checked"> {{el.v}}
</label>
</div>
<script src="https://cdn.bootcss.com/avalon.js/1.5.9/avalon.min.js"></script>
<script>
var vm = avalon.define({
$id: "box",
arr : [{
"v": "111",
"checked": true
},
{
"v": "222",
"checked": false
}],
checkAllbool : false,
checkAll : function() {
if (this.checked) {
for (var i = 0; i < vm.arr.length; i++) {
vm.selected = vm.arr[i]
}
//vm.selected = vm.arr
} else {
//vm.selected.clear()
}
}
})
</script>
</body>
</html>如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
官方例子不是有吗