时间戳

首页 > 解决方案 > 复选框选中的属性不适用于 Pug

javascript - 复选框选中的属性不适用于 Pug

问题描述

我有以下用 Pug 编写的复选框：

 input(id="favorite" type="checkbox" name="favorite" value='true' checked='#{item.favorite ? true : false}')

当我检查项目时，我可以看到选中属性的逻辑正在运行，根据情况显示真或假，但无论是真还是假，复选框始终处于选中状态。

我认为问题可能在于，由于#{item.favorite ? true : false}在引号之间，结果没有被视为布尔值，而是被视为字符串。但是，如果我编写不带引号的代码，它就不起作用。

我的问题是，我应该如何编写它以便checked属性将结果读取为布尔值？

标签： javascripthtmlcheckboxbooleanpug

解决方案

如手册中有关属性的部分所述，这可以通过以下方式实现

input(checked=item.favorite id="favorite" type="checkbox" name="favorite" value="true")

如果item.favorite是假值，checked则省略。

推荐阅读