Knockout checkbox click 冲突

中文地址:http://javaarm.com/file/www/javascript/fwk/knockoutjs/site-back/documentation_cn/checked-binding.html

英文地址:http://knockoutjs.com/

测试地址:http://jsfiddle.net/rniemeyer/3Lqsx/

 

使用knockout同时绑定checked和click时,checkbox点击不勾选。

解决方案:在绑定的click事件中一定要返回true;

 

<head>
   <script src="../lib/require/require.js" data-main="ko1_radio3_main"></script>
</head>
<body  >
  <input id="Radio3" name="rdoCunKuanType" data-bind="checked:CunKuanType,click:RadioClick" value="H" checked type="radio" />活期存款 
  <input id="Radio4" name="rdoCunKuanType" data-bind="checked:CunKuanType,click:RadioClick" value="D" type="radio">定期存款
  <br />定期几年:<input type="text" />年 <font data-bind="visible:ShowStar" color="red">*</font>
</body>
</html>

 

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"),
            ShowStar: ko.observable(false), //汇往国家及地区星号显示标示符
            RadioClick: function () {
                if (viewModel.CunKuanType() == "D") {
                    viewModel.ShowStar(true);
                }
                else {
                    viewModel.ShowStar(false);
                }
                return true;
            }
        };
       
        ko.applyBindings(viewModel); 
    });
});


需要注意的是,RadioClick最后一定要返回一个true,否则click事件无效。

 

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值