在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" />
data-target
属性,指向目标modal的ID。例如:<button type="button" data-toggle="modal" data-target="#myModal">打开Modal</button>
<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>
$(document).ready(function () {
$('input[name="selectedValue"]').change(function () {
var selectedValue = $('input[name="selectedValue"]:checked').val();
$('#selectedValue').text(selectedValue);
});
});
这样,当用户选中某个单选按钮后,点击打开modal的按钮,就可以在modal中显示所选的值。
推荐的腾讯云相关产品:
请注意,以上是腾讯云的产品示例,不代表其他品牌商。
领取专属 10元无门槛券
手把手带您无忧上云