Javascript 循环中的递增或递减文本框值(非属性)

Javascript 循环中的递增或递减文本框值(非属性),javascript,php,html,angularjs,Javascript,Php,Html,Angularjs,循环中有39次输入标记,如下所示 for (i = 0; i <= 39; i++) { document.write("<button id='minus'>-</button><input type='text' id='input' value='0' ng-model='number" + i + "'><button id='plus'>+</button><br><br>"); }; let

循环中有39次输入标记,如下所示

for (i = 0; i <= 39; i++) {
document.write("<button id='minus'>-</button><input type='text' id='input' value='0' ng-model='number" + i + "'><button id='plus'>+</button><br><br>");
};

let pb = document.getElementById("plus");
let mb = document.getElementById("minus");
let text = document.getElementById("input");

pb.onclick = function() {
let x = text.getAttribute("value");
text.setAttribute("value", ++x);
};

mb.onclick = function() {
let x = text.getAttribute("value");
if (x >= 1) {
text.setAttribute("value", --x);
};
};
(i=0;i=1)的
{
setAttribute(“值”--x);
};
};
但我需要的是,当我在循环中单击旁边的按钮时,用特定的ng型号递增/递减文本框值

还有那些向上面的“总计”文本框提供信息的文本框,它显示文本框中所有值的相加。所以,只是更新值属性不起作用,有点角度涉及,所以请帮助我解决这个问题

()打开此url并选择产品、数量,它将带您进入颜色选择,观察控制台的行为。在颜色框中写入一些数字,总计字段将更新。请检查控制台并帮助我解决添加+/-按钮的问题

()这是我的webiste目录中angular js指令中的代码。这是从文本框中获取输入值的内容,请尝试使用+/-按钮触发此操作

这些是我在文本框中添加“1”和通过键盘输入在同一文本框中添加“2”时控制台的图像

提前感谢:)

看看JSFIDLE:

我也是Angular JS的新手,只做了有问题的工作。任何优化或更正,请随时进行

JS代码:

var dataHTML = "";
for (i = 0; i <= 39; i++) {
    dataHTML += '<button ng-click="value_'+ i +' = value_'+ i +' - 1">-</button><input ng-value="value_'+ i +'"><button ng-click="value_'+ i +' = value_'+ i +' + 1">+</button><br><br>';
}
document.querySelector('[ng-app="myApp"]').innerHTML = dataHTML;
var app = angular.module('myApp', []);
app.controller('myCtrl', function($scope) {
    $scope.myVar = "Hello World!";
    for (i = 0; i <= 39; i++) {
        $scope['value_'+ i] = 1;
    }
});
var-dataHTML=”“;

对于(i=0;i),您将获得39个具有相同id的按钮,使它们唯一。您可以使用“数据”属性设置ng模式。当您收到单击事件时,读取数据attribute@Grumpy ()打开此url并选择产品、数量,它将带您进入颜色选择,观察控制台的行为。在颜色框中写入一些数字,总数字段将得到更新。请检查控制台并帮助我解决添加+/-按钮的问题,谢谢。您需要从修复重复ID开始,您不能花费否则,请执行此操作。
getElementById
将只为您获取文档中具有指定ID的第一个元素,如果您非法使用同一ID多个,您将无法使用此方法找到它们。@04FS我可以通过聚焦附近的文本字段或类来区分它们。但我需要的是将当前文本字段值发送到total。如果我输入它,它会工作,如果使用按钮增加值,它不会将数据发送到total值。涉及AngularJS,因此需要帮助。可能在某个地方附加了一些更改事件处理程序-但仅当字段值被用户,而不是通过脚本发生。在通过单击按钮更改字段值后,您可以通过显式触发字段上的更改事件来实现此功能。解释了基本原理。()这是我的webiste目录中angular js指令中的代码。这是从文本框中获取输入值的代码,请尝试使用+/-按钮触发此命令,谢谢。我有一个给定的方法,比如,如何自己尝试。正如我在回答中所说的,我在angular方面太新手了。我无法以你现在的方式帮助你在这里提问。如果我的答案给了你一些想法,那就好了。其他人给你一个合适的解决方案。是的,我看到了你的答案,我感谢你的工作和友好的回复,谢谢:)如果发现答案有用,你可以接受它,或者直接投票。:)