Javascript 获取复选框值和相应文本框值的方法
我有一个简单的表单,其中我有一个带有有意义名称的文本框,每个文本框对应一个文本框 我能够按照建议获取复选框列表及其ID,但无法获取其相应的文本框值 实现这一目标有何指导?仅供参考,复选框的值来自数据库,并通过ng repeat进行迭代 下面是代码片段Javascript 获取复选框值和相应文本框值的方法,javascript,html,angularjs,Javascript,Html,Angularjs,我有一个简单的表单,其中我有一个带有有意义名称的文本框,每个文本框对应一个文本框 我能够按照建议获取复选框列表及其ID,但无法获取其相应的文本框值 实现这一目标有何指导?仅供参考,复选框的值来自数据库,并通过ng repeat进行迭代 下面是代码片段 <tr ng-repeat="item in itemList | filter:search_query"> <td> <label for="{{item.inventoryId}}">
<tr ng-repeat="item in itemList | filter:search_query">
<td>
<label for="{{item.inventoryId}}">
<input type="checkbox" class="checkbox-circle"
ng-click="materialSelected(materialSelection.ids, item.inventoryId);"
ng-model="materialSelection.ids[item.inventoryId]" name="group" id="
{{item.inventoryId}}" /> {{item.itemName}}
</label>
</td>
<td><span>
<label>
<input type="text" class="form-control" ng-model="item.requiredQty">
</label></span>
</td>
如果我理解正确,你可以试试这个
$scope.materialList.push({
'materialId' : parseInt(materialId, 10),
'requiredQty' : $scope.itemList.find(x => x.inventoryId == materialId).requiredQty
});
或者这个
$scope.materialList.push({
'materialId' : parseInt(materialId, 10),
'requiredQty' : $scope.itemList.filter(function(v) { return v.inventoryId == materialId; })[0].requiredQty
});
根据需要的浏览器支持。在HTML元素中,我添加了以下代码
<span ng-repeat="item itemList" style="text-align: left;">
<label for="{{item.itemID}}">
<input type="checkbox" class="checkbox-circle" ng-click="itemSelected(selection.ids, item.itemID)" style="border-radius: 2px;" ng-model="selection.ids[item.itemID]" name="group" id="{{item.itemID}}" /> {{item.itemName}}
</label>
</span>
你能展示一下你的代码片段吗?我已经在我的帖子中添加了HTML和JS代码。请看一看it@CrazyMac你运气好吗?还有什么我能帮忙的吗?@TimHarker谢谢你的跟进。。我做了一件类似于我在下面发布的事情,它对我起了作用。
<span ng-repeat="item itemList" style="text-align: left;">
<label for="{{item.itemID}}">
<input type="checkbox" class="checkbox-circle" ng-click="itemSelected(selection.ids, item.itemID)" style="border-radius: 2px;" ng-model="selection.ids[item.itemID]" name="group" id="{{item.itemID}}" /> {{item.itemName}}
</label>
</span>
function(idsList) {
for (plantID in idsList) {
if (idsList[plantID] == true) {
}
}
}