Razor - 为 radioButtonFor 赋予“属性”

Question

我有这样定义的单选按钮

 @foreach (var actionType in partActionTypes)
 {
    <td>
         @Html.RadioButtonFor(x => x.Parts[i].SelectedActionType, actionType, new { name = "partRadio" })
    </td>
 }

我尝试将“名称”设置为“partRadio”，（我尝试执行@name和Name但两个选项都不起作用。

在我的 JQuery 代码中，我在单击复选框后克隆了一行的位置，该代码如下所示

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

                let Id = $(this).attr('id');
                let partId = $(this).attr('data-partId');

                if ($(Id).is(":checked")) {
                    // remove cloned row

                    $("#AllTxt").hide();
                    $("#editQty").show();
                }
                else {
                    var $tr = $(this).closest('.tr_clone');
                    var $clone = $tr.clone();
                    $clone.find('td');
                    $tr.after($clone);
                    $($clone).find(".part-class").hide();
                    $clone.find('input[type="radio"]').attr("name", function (el) { return el.name + 'clone' });
                    $("#AllTxt").show();
                    $("#editQty").hide();               
                }

            });
        });

它应该只是将“克隆”附加到“partRadio”，但 HTML 将名称呈现为“name = undefinedclone”

为什么是这样？

Answer 1

问题是因为attr()处理程序 function 的第一个参数是元素的索引，而不是对元素本身的引用。

要解决此问题，您需要使用提供给 function 的第二个参数正确接受元素，这是name属性的当前值：

$clone.find('input[type="radio"]').attr("name", function (i, n) { 
   return n + 'clone' 
});

请注意，这可以使用箭头 function 缩短：

$clone.find('input[type="radio"]').attr("name", (i, n) => n + 'clone');