如何在asp.net核心剃刀中将选定的单选按钮值发送到modal

在ASP.NET Core Razor中，要将选定的单选按钮值发送到modal，可以按照以下步骤操作：

在视图页面中添加单选按钮组，使用<input>元素设置单选按钮，并为每个按钮设置相同的name属性，但不同的value属性，以便进行选中和区分。例如：

<input type="radio" name="selectedValue" value="option1" />
<input type="radio" name="selectedValue" value="option2" />
<input type="radio" name="selectedValue" value="option3" />

在视图页面中添加触发modal的按钮，并为其设置一个自定义的data-target属性，指向目标modal的ID。例如：

<button type="button" data-toggle="modal" data-target="#myModal">打开Modal</button>

在视图页面中添加modal代码，包括modal的ID和相关的HTML结构。例如：

<div id="myModal" class="modal fade" role="dialog">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-body">
        <p>选定的值是：<span id="selectedValue"></span></p>
      </div>
    </div>
  </div>
</div>

使用JavaScript/jQuery编写脚本，在选中单选按钮时获取其值，并将其填充到modal中相应的位置。例如：

$(document).ready(function () {
    $('input[name="selectedValue"]').change(function () {
        var selectedValue = $('input[name="selectedValue"]:checked').val();
        $('#selectedValue').text(selectedValue);
    });
});

这样，当用户选中某个单选按钮后，点击打开modal的按钮，就可以在modal中显示所选的值。

推荐的腾讯云相关产品：