knockoutjs简单的click单击事件数据绑定实现页面标签隐藏显示

js中定义events事件，和初始值及字段监听：

var self;

fireEvents: function(){ self = this}, events:{

    

reason: function () {
    self.viewmodel.Status('0');//写入新的值
}

}

, viewmodel:{ el: "#paystatementsordercard",//进行数据绑定，必须是要操作的div的id，或其父类标签id Status: ko. observable( '1'), // 状态初始赋值并监听 }

下面是html页面部分代码

< div class= "ibox-filter clearfix" >

< div class= "pull-left" >

//点击此按钮触发reason方法 < a type= "button" class= "btn btn-sm btn-primary m-r-sm" data-bind = "click:reason" >转换 </ a > </ div >

    < div class= "ibox-filter-title pull-left" data-bind= "visible:Status() == 1? true:false" >       //如果 Status() == 1 就显示div，（初始化即显示）

     </ div > < div class= "pull-left" data-bind= "visible:Status()== 0? true:false" >      //如果 Status() == 1 就显示div，（初始化即显示）

    </ div >

</div>

仅仅是自己工作用的框架适合，其他框架仅供参考或提供思路