单击绑定复选框无法正常工作在敲除

Question

我有一个复选框和文本框。我希望textbox在没有选中复选框时为空且不可编辑。

当文本框未被选中时，我必须禁用文本框的部分工作正常，但清空部分无法正常工作，因为我必须使用复选框的点击绑定，只要我使用点击绑定，它会打破复选框行为，它变得不可点击。我有这方面的的jsfiddle：http://jsfiddle.net/qK5Y3/16/

和下方的代码示例：

<input type="checkbox" id="emailTemplateSendAtTime" name="emailTemplateSendAtTime" data-bind="checked:SendAtTime, click:ClickSendAtTime"/> 
<input type="text" style="width: 250px" id="emailTemplateSendAtTimeProperty" data-bind="value: SendAtTimeProperty, enable:SendAtTime"/> 

这是我的JS：

var ViewModel = function() { 

    this.SendAtTimeProperty = ko.observable("Something"); 
    this.SendAtTime = ko.observable(); 



    this.ClickSendAtTime = function() { 
       if (model.SendAtTime() == false) { 
        model.SendAtTimeProperty(""); 
       } 
      }; 
}; 
ko.applyBindings(new ViewModel()); 

有什么建议？

Answer 1

两件事情：

• 添加model作为参数ClickSendAtTime

• 上ClickSendAtTime返回true，以避免取消事件

  var ViewModel = function() { 
  
      this.SendAtTimeProperty = ko.observable("Something"); 
      this.SendAtTime = ko.observable(); 
  
      this.ClickSendAtTime = function (model) { 
        if (model.SendAtTime() == false) { 
         model.SendAtTimeProperty(""); 
        } 
        return true; 
       }; 
  }; 
  
  ko.applyBindings(new ViewModel()); 
  

另一种方式来定义ClickSendAtTime

this.ClickSendAtTime = function() { 
     if (this.SendAtTime() == false) { 
      this.SendAtTimeProperty(""); 
     } 
     return true; 
}; 

为什么你需要返回true

允许的默认操作

默认情况下的一些信息，淘汰赛将阻止事件采取任何默认操作。例如，如果您使用事件绑定来捕获输入标签的按键事件，那么浏览器将只调用您的处理函数，并且不会将该键的值添加到输入元素的值。一个更常见的例子是使用点击绑定，它在内部使用此绑定，您的处理函数将被调用，但浏览器不会导航到链接的href。这是一个有用的默认设置，因为当您使用点击绑定时，通常是因为您将链接用作操纵视图模型的UI的一部分，而不是作为常规超链接指向另一个网页。

但是，如果您确实想让默认操作继续，只需从您的事件处理函数返回true即可。

http://knockoutjs.com/documentation/event-binding.html

Answer 2

里面你ViewModel变量model没有定义，所以你应该将其删除，而使用this和复选框内单击event返回true，该事件工作正常（如果你没有返回任何或错误的事件将被视为已被取消）

var ViewModel = function() { 
    self = this; 
    self.SendAtTimeProperty = ko.observable("Something"); 
    self.SendAtTime = ko.observable(); 
    this.ClickSendAtTime = function() { 
     if (self.SendAtTime() == false) { 
      self.SendAtTimeProperty(""); 
     } 
     return true; 
    }; 
}; 
ko.applyBindings(new ViewModel());