本篇内容主要讲解“js实现删除功能的插件”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“js实现删除功能的插件”吧!
(函数(jQuery) {
/* *
, *删除的插件
, */
$ .deleteObj=函数(配置){
/* *
, * config.id代表删除按钮的id的值
, */
$ (“#“+ config.id) .unbind (“click");
$ (“#“+ config.id) .bind (“click",函数(){
if($(“输入[name=& # 39;“+ config.checkboxname +“& # 39;]: checked") . length==0){//表格中的所有的复选框没有一个被选中
警报(“请选中一个再删除“);
} {
如果(window.confirm(“您确认要删除吗?“)){
//被选中的所有的复选框
var checkedNodes=$(“输入[name=& # 39;“+ config.checkboxname +“& # 39;]: checked");
/* *
, *, 1, 2, 3, 4,
, */
var checkedStr=啊?
(var i=0; i< checkedNodes.length;我+ +){
如果(i==checkedNodes.length-1) {
/* *
, * checkedNodes[我]代表某一个复选框元素
, * checkedNodes[我]是一个dom对象
, */
checkedStr=checkedStr + $ (checkedNodes[我]).attr (“value");
}其他{
checkedStr=checkedStr + $ (checkedNodes[我]).attr (“value") +“,“;
}
}
window.location。href=https://www.yisu.com/zixun/config.url +”? checkedStr=" + checkedStr;
}
}
});
/* *
, *触发最上面的复选框事件
, *,,,如果该复选框被全部选中、下面的所有的复选框被选中
, *,,,如果该checkbox没有被选中,下面的所有的checkbox不被选中
*/
$("#"+config.controlCheckBox).unbind("click");
$("#"+config.controlCheckBox).bind("click",function(){
if($(this).attr("checked")){//选中
$("input[name='"+config.checkboxname+"']").attr("checked",true);
}else{//未选中
$("input[name='"+config.checkboxname+"']").attr("checked",false);
}
});
/**
* 表格中的checkbox事件
*/
$("input[name='"+config.checkboxname+"']").unbind("click");
$("input[name='"+config.checkboxname+"']").bind("click",function(){
if($("input[name='"+config.checkboxname+"']:not(:checked)").length==0){//表格中的checkbox被全部选中
$("#"+config.controlCheckBox).attr("checked",true);
}else{
$("#"+config.controlCheckBox).attr("checked",false);
}
});
}
$.deleteObjForm=function(){
$("input[type='submit']").unbind("click");
$("input[type='submit']").bind("click",function(){
if(window.confirm("您确认要删除吗?")){
return true;
}else{
return false;//如果返回的是false,则表单不提交
}
});
}
})(jQuery);
到此,相信大家对“js实现删除功能的插件”有了更深的了解,不妨来实际操作一番吧!这里是网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!