如何在Angularjs中使用复选框函数访问表数据
How to have checkbox function access table data in Angularjs
我在Angularjs
中有一个表,每一行都有一个checkbox
。当点击checkbox
时,我想要一个警报功能,以显示被点击行的内容。我面临的问题是警报函数如何访问该行的数据内容?
html
中的表是这样的;
<table class="table table-hover data-table sort display">
<thead>
<tr>
<th>Name</th>
<th>Location</th>
<th>Checkbox Alert</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="item in filteredList | orderBy:columnToOrder:reverse">
<td>{{item.name}}</td>
<td>{{item.location}}</td>
<td> <input type="checkbox" ng-click="alert_display()"> </td>
</tr>
</tbody>
</table>
控制器代码如下;
$scope.alert_display = function()
{
alert("Testing");
};
我希望alert_display()
显示{{item.name}}
和{{item.location}}
的相关行的内容。
执行以下操作:
<input type="checkbox" ng-model="selected" ng-change="display(selected, item)">
你的JS代码:
$scope.display = function(selected, item) {
if(selected)
alert(item.name + ' ' + item.location);
else
// do sth else
}
这里是小提琴:http://jsfiddle.net/HB7LU/4156/
相关文章:
- Javascript复选框函数:;缺少:在属性id之后"
- 如何使用javascript函数在gridview中按行启用/禁用复选框
- 如何创建php函数或任何脚本/jquery Javascript,使我能够获取与复选框关联的值并添加它们
- 根据条件将函数放入数组中(如果选中复选框)
- Javascript:函数bind.click&对于每个复选框
- 通过原型/构造函数从复选框输出值
- Jquery移动转换复选框在Jquery onclick函数()中第二次选中不起作用
- 函数更改不适用于动态创建的表的复选框
- Javascript函数禁用复选框
- 在服务器上创建一个复选框,使用 javascript 处理函数
- 将函数事件绑定到更改函数的复选框/标签
- 无论首先单击哪个复选框,都需要调用函数1次-.one()的一些变体
- 我可以使用一个函数让所有复选框都被选中或取消选中吗(不使用点击触发器)
- 嗨,我正试图将我的movieprice数组从复选框值传递给另一个计算选择总数的函数,但我的代码没有;t运行
- 为预先选中的复选框在加载时运行ng更改函数
- 如何在使用onclick函数选中复选框时添加或减去值
- JavaScript selectAlldescelectAll复选框函数没有'我不在IE8上工作
- 如何在Angularjs中使用复选框函数访问表数据
- js动态创建的点击复选框函数未定义
- 在单击文本框时,selectRow复选框函数不应该工作