Google chrome 淘汰赛；单击以编辑"；对于不在Chrome中工作的复选框

下面是中的示例2

JSFIDLE显示问题：

在Firefox中，它对文本和复选框都很有效，但在Chrome中它不能正常工作。只要我点击复选框选择或取消选择，它似乎在检查发生之前失去焦点

关于如何在Chrome中实现这一点，有什么建议吗？如果需要的话，我可以让它一直处于“编辑”模式，但我想知道是否有办法让它工作

编辑：

---

我遇到的问题是无法切换复选框。只要我单击它尝试切换，复选框就会消失。

您设置布尔值太早了。此JSFIDLE在chrome中工作：

我没有修改文本框代码，只是复选框的内容

---

更新：新的jsfiddle在复选框处于焦点时显示它：

您设置bool太早了。此JSFIDLE在chrome中工作：

我没有修改文本框代码，只是复选框的内容

---

更新：新的jsfiddle在焦点集中时显示复选框：

对不起，我没有注意到您试图做的事情。我运行了小提琴，项目正在出现和消失，因为你已经编码它。你能描述一下你预期会发生什么吗？@JohnPapa编辑以指出问题所在。对不起，我不明白你想做什么。我运行了小提琴，项目正在出现和消失，因为你已经编码它。你能描述一下你预期会发生什么吗？@JohnPapa编辑后指出了问题所在。这实际上比我的更不正确。在这两种情况下，问题是您无法通过单击复选框来切换复选框。此外，在您的中，即使复选框已选中，值也会显示“false”。当它显示“false”而不是复选框时，表示复选框不再选中。我不知道你想一直显示复选框。您在问题中没有说明这一点，并且复选框上还有一个可见的

绑定。我为您制作了一个新的JSFIDLE：但我不知道为什么它对您有用，有更简单的方法可以根据复选框的值向用户显示范围knockoutjs@soniic我不想总是显示复选框。我本来可以切换复选框，但我想在它失去焦点时隐藏它。就像文本框一样，如果单击它，它将进入编辑模式。然后，当您在文本框外单击时，它将隐藏文本框并显示范围。如果我在文本框内单击，文本框不会消失。我希望这样，如果我点击复选框，复选框将切换而不消失。只有当我在复选框外单击时，它才会消失（更恰当地说，如果复选框失去焦点），哦，我明白了！！我明白了，这里有一个适合你的工作版本（适用于chrome，不知道其他浏览器）很酷，很好用。这有点难看，但我认为除了在JQuery中执行之外，没有更好的方法了。事实上，这可能更好，但这给了我前进的方向。这实际上比我的更不正确。在这两种情况下，问题是您无法通过单击复选框来切换复选框。此外，在您的中，即使复选框已选中，值也会显示“false”。当它显示“false”而不是复选框时，表示复选框不再选中。我不知道你想一直显示复选框。您在问题中没有说明这一点，并且复选框上还有一个可见的

绑定。我为您制作了一个新的JSFIDLE：但我不知道为什么它对您有用，有更简单的方法可以根据复选框的值向用户显示范围knockoutjs@soniic我不想总是显示复选框。我本来可以切换复选框，但我想在它失去焦点时隐藏它。就像文本框一样，如果单击它，它将进入编辑模式。然后，当您在文本框外单击时，它将隐藏文本框并显示范围。如果我在文本框内单击，文本框不会消失。我希望这样，如果我点击复选框，复选框将切换而不消失。只有当我在复选框外单击时，它才会消失（更恰当地说，如果复选框失去焦点），哦，我明白了！！我明白了，这里有一个适合你的工作版本（适用于chrome，不知道其他浏览器）很酷，很好用。这有点难看，但我认为除了在JQuery中执行之外，没有更好的方法了。实际上这可能更好，但这给了我前进的方向。