javascript - 将复选框状态(选中/未选中状态)读取到 Meteor 中的变量的语法

Question

我在 Meteor 应用程序中有一个表单，动态表的每一行都有一个复选框和几个文本字段。 OnClick，我试图手动从每个字段中获取数据并加载我传递到我的服务器以处理的数据对象。除了读取复选框的值外，一切正常。

我认为这是一个愚蠢的语法错误；我尝试了其他答案的语法，例如 meteor retrieve true/false value from checkbox switchChange但到目前为止还没有运气......

(对我来说)真正奇怪的是，当我的代码遇到我试图读取复选框状态的那一行时，它就停止了……没有错误消息，没有日志，没有任何可以帮助我调试的东西……它只是停止执行。

这是我的 HTML:

<input type="checkbox" id="{{sku}}-include" checked={{isChecked}}>

(isChecked 是一个助手；我已经验证它工作正常，id 属性中的 {{sku}} 位也是如此。)

这是我的 JS:

var dataObject = {};

var fieldName = '#' + thisProduct.sku + "-displayName";
dataObject.nickname = instance.$(fieldName).val();
console.log("found displayName value: " + dataObject.nickname + " when looking for " + fieldName);

fieldName = '#' + thisProduct.sku + "-include";
dataObject.includeInReports = instance.$(fieldName).is(":checked").val();
console.log("found Include setting: " + dataObject.includeInReports + " when looking for " + fieldName);

第一组 JS 行工作正常；该元素是一个文本字段。 第二组线在我尝试实际读取“已检查”值时就停止了。

(我试过使用和不使用 : in :checked；出于某种原因，我发现的每个示例都使用了冒号，但我不清楚原因。)

日志记录显示字段名称正在正确构建...当它到达 is("checked").val() 行时，执行就停止了。

非常感谢您提出任何建议!

Answer 1

根据@Shaded:

将 .is("checked").val() 更改为 .prop("checked") 效果很好。

重述；通过 ID 读取复选框的选中状态并存储在变量中的正确 Meteor 语法是:

myVar = instance.$(fieldName).prop("checked");