Show/hide textbox on "checked" with knockout

by sderico

HTML

<script src="http://knockoutjs.com/downloads/knockout-2.2.1.js"></script>
<script src="https://rawgithub.com/BorisMoore/jquery-tmpl/master/jquery.tmpl.js"></script>
<script src="https://rawgithub.com/Knockout-Contrib/Knockout-Validation/master/Src/knockout.validation.js"></script>
   Do you have a name? 
    <input type="checkbox" value="hasAName" data-bind="checked: hasName"/>
    <br/>
    Name: <input type="text" runat="server" ID="FirstName" data-bind="visible: showTextBox"/>
   <br/><br/>

JavaScript

var viewModel;

viewModel = function() {
    self = this;
    self.hasName = ko.observable();
    
    self.showTextBox = ko.computed(function () {
        return self.hasName();
    });
};

ko.applyBindings(new viewModel());