Как использовать идентификаторы полей ввода, создаваемых динамически, как параметр функции в JavaScript? - PullRequest
Новая
       46

Как использовать идентификаторы полей ввода, создаваемых динамически, как параметр функции в JavaScript?

0 голосов
/ 25 сентября 2018

Мой оригинальный HTML-код такой: 

function GrossWeight() {
    var loaded = document.getElementById('loaded').value;
    var empty = document.getElementById('empty').value;
    document.getElementById('grossweight').value = (parseFloat(loaded) || 0) - (parseFloat(empty) || 0);
}
<div class="row">
                                                    <div class="col-md-4 col-sm-12 col-lg-4 col-xs-12">


                                                        <div class="form-group" style="background-color: white">
                                                            <label>Load Truck Weight:</label>
                                                            <input id="loaded" runat="server" clientidmode="Static" type="number" text="0" onchange="GrossWeight()" class="form-control" step="any" style="width: 200px;" />
                                                        </div>


                                                    </div>
                                                    <div class="col-md-4 col-sm-12 col-lg-4 col-xs-12">
                                                        <div class="form-group" style="background-color: white;">
                                                            <label>Empty Truck Weight:</label>
                                                            <input id="empty" runat="server" clientidmode="Static" type="number" text="0" onchange="GrossWeight();calculatefreight();" step="any" class="form-control" style="width: 200px;" />
                                                        </div>
                                                    </div>

                                                    <div class="col-md-4 col-sm-12 col-lg-4 col-xs-12">
                                                        <div class="form-group" style="background-color: white">
                                                            <label>Gross Weight :</label>
                                                            <input id="grossweight" runat="server" clientidmode="Static" type="text" placeholder="0" class="form-control" style="width: 150px; font-weight: bold;" readonly="readonly" />
                                                        </div>
                                                    </div>
                                                </div>
enter code here

Теперь, нажав на button(Provided), три вышеупомянутых поля продолжают генерироваться динамически с восходящими идентификаторами, такими как id="empty1","empty2".Есть ли способ через делегирование событий, что я могу выполнить ту же арифметическую операцию с этими динамически созданными функциями?

...