Knockout: radio switch

   <script src="../lib/require/require.js" data-main="ko1_radio1_main">


  <input id="Radio1" name="rdoCunKuanType" data-bind="checked:CunKuanType" value="H" checked type="radio" />活期存款 
  <input id="Radio2" name="rdoCunKuanType" data-bind="checked:CunKuanType" value="D" type="radio">定期存款
  
定期几年：<input type="text" />年 <font data-bind="visible:ShowStar" color="red">*

require.config({
    paths: {
        "knockout": "../lib/knockout/knockout-2.3.0",
        "jquery": "../lib/jquery/jquery-1.9.1.min"
    }
});

require(['jquery', 'knockout'], function ($, ko) {

    //数据绑定
    $(document).ready(function () {

        var viewModel = {
            CunKuanType: ko.observable("H")
        };

        viewModel.ShowStar = ko.dependentObservable(function ()
        {
            if (viewModel.CunKuanType() == "H")
            {
                return false;
            }
            else
            {
                return true;
            }
        }, viewModel);

        ko.applyBindings(viewModel);
    });
});

.csharpcode, .csharpcode pre { font-size: small; color: black; font-family: consolas, “Courier New”, courier, monospace; background-color: #ffffff; /*white-space: pre;*/ } .csharpcode pre { margin: 0em; } .csharpcode .rem { color: #008000; } .csharpcode .kwrd { color: #0000ff; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #0000c0; } .csharpcode .preproc { color: #cc6633; } .csharpcode .asp { background-color: #ffff00; } .csharpcode .html { color: #800000; } .csharpcode .attr { color: #ff0000; } .csharpcode .alt { background-color: #f4f4f4; width: 100%; margin: 0em; } .csharpcode .lnum { color: #606060; }

 

转自：http://www.cnblogs.com/liuzhendong/p/3520030.html

(真巧)