码迷,mamicode.com
首页 > 其他好文 > 详细

【原创】knockout--添加radio的checked绑定

时间:2014-07-13 10:43:14      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:style   blog   java   color   os   io   

直接上代码:

<p>Send me spam: <input type="checkbox" data-bind="checked: wantsSpam" /></p>
<div data-bind="visible: wantsSpam">
    Preferred flavor of spam:
    <div><input type="radio" name="flavorGroup" value="cherry" data-bind="checked: spamFlavor" /> Cherry</div>
    <div><input type="radio" name="flavorGroup" value="almond" data-bind="checked: spamFlavor" /> Almond</div>
    <div><input type="radio" name="flavorGroup" value="msg" data-bind="checked: spamFlavor" /> Monosodium Glutamate</div>
</div>
 
<script type="text/javascript">
    var viewModel = {
        wantsSpam: ko.observable(true),
        spamFlavor: ko.observable("almond") // Initially selects only the Almond radio button
    };
     
    // ... then later ...
    viewModel.spamFlavor("msg"); // Now only Monosodium Glutamate is checked
</script>

这是官网上的一段代码,可以看出有三个radio,他们的checked属性都绑定在spamFlavor上,初值是“almond”,这样默认的value是“almond”的radio被选中。

刚开始我以为checked的有效值是true或false,后来才清楚原来有效值是radio的value属性。

【原创】knockout--添加radio的checked绑定,布布扣,bubuko.com

【原创】knockout--添加radio的checked绑定

标签:style   blog   java   color   os   io   

原文地址:http://www.cnblogs.com/yaoxiaping/p/3837835.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!