试着写个很简单的插件,可是一个小地方不知道怎么表达了(应该挺简单的)
时间:2009-12-11
来源:互联网
就是在做一个全选,全不选,反选的插件。下面红色的部分有问题,不知道出错在哪里?
//插件部分
;(function($){
$.fn.checkAll = function(options){//全选
var defaults = {
name:""//需要全选的checkbox的名称
};
var options = $.extend(defaults, options);
return this.each(function(){
$(this).click(function(){
alert($(‘[name=’+options.name+']:checkbox').size());//一直为0
$(‘[name=’+options.name+']:checkbox').attr("checked",true);
});
});
};
})(jQuery);
页面上这样用:
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="js/jquery.selection.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#checkAll').checkAll({name:'items'});
});
</script>
<input type='checkbox' name='items' value='0'/>足球
<input type='checkbox' name='items' value='1'/>蓝球
<input type='checkbox' name='items' value='2'/>乒乓球
<input type='checkbox' name='items' value='3'/>羽毛球
<input type='button' id='checkAll' value=' 全选'>
页面很简单,就这些
//插件部分
;(function($){
$.fn.checkAll = function(options){//全选
var defaults = {
name:""//需要全选的checkbox的名称
};
var options = $.extend(defaults, options);
return this.each(function(){
$(this).click(function(){
alert($(‘[name=’+options.name+']:checkbox').size());//一直为0
$(‘[name=’+options.name+']:checkbox').attr("checked",true);
});
});
};
})(jQuery);
页面上这样用:
<script src="js/jquery-1.3.2.min.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript" src="js/jquery.selection.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#checkAll').checkAll({name:'items'});
});
</script>
<input type='checkbox' name='items' value='0'/>足球
<input type='checkbox' name='items' value='1'/>蓝球
<input type='checkbox' name='items' value='2'/>乒乓球
<input type='checkbox' name='items' value='3'/>羽毛球
<input type='button' id='checkAll' value=' 全选'>
页面很简单,就这些
作者: gundumw100 发布时间: 2009-12-11
已搞定
作者: gundumw100 发布时间: 2009-12-11
贴份完整代码,学习下!
作者: huaganshang 发布时间: 2010-02-03
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28