模态弹窗局部视图中jQuery获取单选按钮值失效求助

安全阿岳

2026-5-15

解决模态弹窗局部视图中单选按钮jQuery事件不生效的问题

看起来你遇到的问题很典型——动态加载的局部视图里的jQuery事件绑定失效，但父视图里操作元素却正常。这主要有两个常见原因，咱们一步步解决：

1. 先检查局部视图的脚本是否被正确渲染

局部视图里的@section Scripts代码块，需要父视图配合渲染才能生效。你得确保父视图的底部（通常在</body>标签之前）有这行代码：

@RenderSection("Scripts", required: false)

如果父视图没有这行，局部视图里的脚本根本不会被加载到页面中，自然无法触发事件。

2. 针对动态DOM元素使用事件委托

模态弹窗的内容是局部视图动态插入到DOM中的，当你用$(document).ready()绑定事件时，这些单选按钮还不存在于页面里，所以事件绑定不上。这时候要用事件委托，把事件绑定到已经存在的父元素上（比如document或者模态框的容器），这样后续动态添加的元素也能触发事件。

修改你局部视图里的jQuery代码，改成这样：

// 不需要包裹在$(document).ready()里，事件委托会自动处理动态元素
$(document).on('click', "input[name='radio-inline']", function () {
    if ($("#VET_NOTREPMOD_3").is(":checked")) {
        var valor = $('#VET_NOTREPMOD_3').val();
        console.log("Valore: " + valor);
    } else {
        console.log("ciao");
    }
});

这样不管模态框什么时候加载，点击事件都能正常触发。