ASP.NET Core 6中jQuery复选框点击事件无法触发求助

数据老陈

2026-6-25

解决ASP.NET Core 6中jQuery复选框点击事件无效的问题

排查与修复步骤

验证jQuery是否正确加载
打开浏览器开发者工具控制台，输入console.log($)，若输出function则说明jQuery已正常加载；若提示$ is not defined，检查_Layout.cshtml中jQuery的引用路径是否正确，确认~/lib/jquery/dist/jquery.min.js存在于项目对应目录中。
移除错误的WebForms语法
你尝试的$('#<%=postcodeKnown.ClientID%>')是ASP.NET WebForms专属写法，ASP.NET Core不支持该语法，直接使用$('#postcodeKnown')即可——浏览器渲染后的元素ID确实为postcodeKnown。
改用事件委托确保绑定生效
尝试将事件绑定改为委托模式，即使元素后续动态生成也能触发事件，代码示例：
```
$(function () {
    $(document).on('click', '#postcodeKnown', function () {
        alert("Changed");
    });
});
```
检查页面是否存在重复ID
在控制台执行$('#postcodeKnown').length，若返回值大于1，说明页面中有多个元素使用了postcodeKnown这个ID，修改为唯一ID即可。
排查控制台语法错误
打开开发者工具控制台，检查是否存在JavaScript语法报错（比如括号不匹配、变量未定义等），修正错误后再测试。