时间戳

首页 > 解决方案 > 获取两个editorFor值的值并将它们相加，看是否满足条件

javascript - 获取两个editorFor值的值并将它们相加，看是否满足条件

问题描述

我的行中有一个 td，其中包含一个如下所示的 editorFor

<td>
  @Html.EditorFor(x => x.Parts[i].Qty)
</td>

我有当单击复选框时克隆行的 JQuery 代码，我的问题是..如何将原始 EditorFor 文本框的值添加到克隆的 editorFor 文本框的值中。为了在用户提交页面之前提供验证检查。

这可以做到吗？

这是我复制行的 JQuery 代码


        $(document).ready(function () {
            $('.tr_clonePart input.part-class').change(function () {

                let Id = $(this).attr('id');
                let partId = $(this).attr('data-partId');
                //getting closest tr
                var selector = $(this).closest('.tr_clonePart');
                if ($(this).prop("checked") == true){
                    // remove cloned row
                    $('#' + Id + 'clone').remove();

                    selector.find(".AllTxt").show();
                    selector.find(".editQty").hide();
                }
                else {
                    var $tr = $(this).closest('.tr_clonePart');
                    var $clone = $tr.clone();
                    $clone.find('td');
                    $tr.after($clone);
                    $($clone).find(".part-class").hide();
                    //var qtyInItem = $('input[name=Parts['+partId+"].QtyInItem").val()


                    $clone.find('input[type="radio"]').attr("name", (i, n) => n + 'clone');
                    $clone.attr('id', (Id) + "clone");
                    var clonedID = Id + "clone";
                    $($clone).append($("<td class= 'addRow' ><a href=\"javascript:add('" + clonedID + "')\">add row</a></td>"));
            

                }

            });

标签： javascriptc#jqueryasp.net-mvc

解决方案

我没有看到您将克隆的复选框附加到何处，但是当克隆和附加复选框的值时，如下例所示：

var clonenbr = 0;
$(".add-checkbox").on("click", (e) => {
    e.preventDefault();
  var clone = $($("td")[0]).clone()
  clone.find('input[type="radio"]').attr("name", (i, n) => n + 'clone' + clonenbr++);
  $("tr").append(clone)
 });
<html>
<head>
<script
  src="https://code.jquery.com/jquery-3.5.1.min.js"
  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="
  crossorigin="anonymous"></script>
</head>
<body>
<table>
<tr>
<td>
<input type="radio" name="aa" value="a" />
aa
</td>
</tr>
</table>

<br>

<a href="#" class="add-checkbox">Add checkbox</a>
</body>
</html>

推荐阅读