js實(shí)現(xiàn)刪除功能的插件

本篇內(nèi)容主要講解“js實(shí)現(xiàn)刪除功能的插件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡(jiǎn)單快捷，實(shí)用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“js實(shí)現(xiàn)刪除功能的插件”吧!

(function(jQuery){

/**

 * 刪除的插件

 */

$.deleteObj = function(config){

/**

 * config.id代表刪除按鈕的id的值

 */

$("#"+config.id).unbind("click");

$("#"+config.id).bind("click",function(){

if($("input[name='"+config.checkboxname+"']:checked").length==0){//表格中的所有的復(fù)選框沒有一個(gè)被選中

alert("請(qǐng)選中一個(gè)再刪除");

}else{

if(window.confirm("您確認(rèn)要?jiǎng)h除嗎?")){

//被選中的所有的復(fù)選框

var checkedNodes = $("input[name='"+config.checkboxname+"']:checked");

/**

 * "1,2,3,4"

 */

var checkedStr = "";

for(var i=0;i<checkedNodes.length;i++){

if(i==checkedNodes.length-1){

/**

 * checkedNodes[i]代表某一個(gè)checkbox元素

 * checkedNodes[i]是一個(gè)dom對(duì)象

 */

checkedStr = checkedStr+$(checkedNodes[i]).attr("value");

}else{

checkedStr = checkedStr+$(checkedNodes[i]).attr("value")+",";

}

}

window.location.href = config.url+"?checkedStr="+checkedStr;

}

}

});

/**

 * 觸發(fā)最上面的checkbox事件

 *    如果該checkbox被全部選中，下面的所有的checkbox被選中

 *    如果該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("您確認(rèn)要?jiǎng)h除嗎?")){

return true;

}else{

return false;//如果返回的是false,則表單不提交

}

});

}

})(jQuery);

到此，相信大家對(duì)“js實(shí)現(xiàn)刪除功能的插件”有了更深的了解，不妨來實(shí)際操作一番吧！這里是億速云網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！