您的位置:首页 > Web前端 > JQuery

jquery全选插件制作

2013-08-06 21:54 218 查看
保存名为:jquery-checkbox.js

(function(jQuery){
$.fn.controlCheckBox = function(checkname){
/**
* 判断全选按钮的选中状态
*/
if($(this).attr("checked")){
$("input[name='"+checkname+"']").attr("checked",true);
}else{
$("input[name='"+checkname+"']").attr("checked",false);
}
}
})(jQuery);

user页面中调用

$().ready(function(){
$("input[name='allcheck']").unbind("click");
$("input[name='allcheck']").bind("click",function(){
$(this).controlCheckBox("userCheckBox");
});
});


$(document).ready(function(){
$("#all").click(function(){
$("input[name=record]").each(function(index,domEle){
if(this.checked){
$(this).attr("checked",null);
}else{
$(this).attr("checked","checked");
}
});
});

});


全选按钮:
$("input[type=checkbox]").attr("checked","checked");

全不选按钮:
$("input[type=checkbox]").attr("checked",null);
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: