EJS嵌入HTML标签语法冲突：checkbox状态渲染异常求解

这个问题我之前也碰到过！主要是因为你把EJS的模板标签拆得太零散，导致解析器容易误判%>的闭合位置。给你几个靠谱的解决方案：

方案一：用三元表达式简化输出 #

这是最简洁的写法，把条件判断直接放进EJS的输出标签里，一次性生成需要的属性，完全避免标签拆分的问题：

<input type="checkbox" <%= email.status === 1 ? 'checked' : '' %>>

当email.status等于1时，会输出checked属性，否则输出空字符串，逻辑清晰又不会触发解析错误。

方案二：规范if-else的模板标签写法 #

如果你更习惯用if-else的逻辑结构，可以把checked单独放在if代码块内，直接省略多余的else块（因为不需要输出任何内容）：

<input type="checkbox" 
<% if (email.status === 1) { %>
checked
<% } %>
>

这样模板解析器能清晰识别EJS标签的起止，不会误判%>的位置。

方案三：进阶快捷写法（注意兼容性） #

部分版本的EJS支持直接在HTML属性里嵌入条件判断，不过要注意浏览器的属性解析规则——只要checked属性存在，哪怕值是false，浏览器也会认为复选框是选中状态，所以这种写法只适合明确需要输出属性的场景：

<input type="checkbox" <%= email.status === 1 ? 'checked' : '' %>>

（其实和方案一核心逻辑一致，只是写法上更贴合HTML属性的书写习惯）

内容的提问来源于stack exchange，提问作者Matteo