软件下载 | 资讯教程 | 最近更新 | 下载排行 | 一键转帖 | 发布投稿
您的位置:最火下载站 > 源码下载 > 脚本资源 > 其它分类 > YUI3 实现复选框 checkbox 的全选和反选下载

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

  • 界面语言:简体中文 / 国产软件
  • 文件大小:10 KB
  • 资源等级:3星级
  • 相关链接:Home Page
  • 有无插件:无插件
  • 授权方式:免费版
  • 更新时间:2010-12-13 15:10:51
  • 运行环境:php/asp/html...

分享一份 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 的某个属性,能直接返回一个数组,很强悍!

 报告下载错误
YUI3 实现复选框 checkbox 的全选和反选
推荐下载
下载说明
栏目导航
推荐下载