Razor- 为 radioButtonFor 赋予“属性”

Posted 2023-04-13

【中文标题】Razor- 为 radioButtonFor 赋予“属性”

【英文标题】：Razor- Giving an 'attribute' to a radioButtonFor

【发布时间】：2020-11-11 07:34:00

【问题描述】：

我有这样定义的单选按钮

 @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();               
                

            );
        );

它应该只是将 'clone' 附加到 'partRadio' 但 HTML 将名称呈现为 'name = undefinedclone`

这是为什么？

【参考方案1】：

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

要解决此问题，您需要使用提供给函数的 second 参数正确接受元素，该参数是 name 属性的当前值：

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

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

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