最火下载站首页
手机版
最火下载站
关注公众号
最火下载站
YUI3 实现复选框 checkbox 的全选和反选

YUI3 实现复选框 checkbox 的全选和反选

  • 软件大小:10 KB
  • 软件语言:简体中文
  • 软件类型:其它分类
  • 软件授权:免费版
  • 应用平台:php/asp/html...
  • 更新时间:未更新
  • 发布时间:2010-12-13 15:10:51

网友评分: 0

软件非常好(7) 软件不好用(1)

分享一份 YUI3 的复选框 checkbox 的全选和反选,灰常简陋,用到了一个 Y.Array.indexOf 方法,比较有意思。

YUI3 代码:

YUI().use('node', function(Y){

var checkbox = Y.all('.checkbox'),
select = Y.one('#select'),
checkboxControl = function(){
Y.Array.indexOf(checkbox.get('checked'), false) < 0 ? select.set('checked', true) : select.set('checked', false);
},
selectControl = function(){
select.get('checked') ? checkbox.set('checked', true) : checkbox.set('checked', false);
};

checkbox.on('click', checkboxControl);
select.on('click', selectControl);

});

值得注意的是,使用 get 方法操作获取 NodeList 的某个属性,能直接返回一个数组,很强悍!

标签: