Javascript 模板渲染后Meteor复选框始终为false

我有一个有2个条目的导航栏。一个entrie是一个复选框，另一个是带有按钮的下拉列表（我将为此提供代码）。

input

具有id

inputMode

和按钮

addNewObject

 <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
            <li id="editMode">
               <a href="#">
                   <label><input type="checkbox" value="Edit Mode" id="inputMode">Edit Mode</label>
               </a>
            </li>
            <li><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                   aria-haspopup="true" aria-expanded="false">Scenegraph <span class="caret"></span></a>
                <ul class="dropdown-menu">
                    <li><div style="text-align:center;">
                        <input id="addNewObject" type="button" class="btn-success" value="Add Object">
                    </div></li>
                </ul>
            </li>

        </ul>
    </div>

因此，当我单击按钮

addNewObject

时，导航栏会重新显示，如下所示：

static initSceneGraph() {
    if (Meteor.isClient) {
        Template.sceneGraph.helpers({
            sceneObjects: Application.getInstance().scene.sceneObjects,
            isAudio: function (obj) {
                return obj._soundPath;
            }
        });
    }
    UI.render(Template.sceneGraph, document.body);
}

因此，在

initSceneGraph

之后，复选框

inputMode

不会更改。这意味着它在视觉上是变化的，但在实习中它总是保持不变。例如，

console.log（$（“#inputMode”）.is（“：checked”）；

要么始终为false，要么始终为true，这取决于单击按钮之前它是true还是false

---

我希望有人能帮我解决这个问题！

您在渲染之前或之后尝试过使用jquery吗

'click #addNewObject': function (ev) {
    $('#inputMode').prop('checked', true);
    Helper.initSceneGraph();
}

'click #addNewObject': function (ev) {
    $('#inputMode').prop('checked', true);
    Helper.initSceneGraph();
}