단 몇 줄의 코드만으로 목록의 전체 선택 기능을 구현할 수 있으며, 게시 요청과 연동하여 백그라운드 삭제 프로그램을 실행할 수 있습니다
js
함수 DelAlert(데이터)
{
If(데이터 == '오류')
{
Alert("오류~");
}
else if(데이터 == '성공')
{
Alert("성공~");
location.reload();
}
}
//jquery를 소개합니다. 여기서 백엔드는 thinkphp입니다
$(함수(){
//각 행의 체크박스에는 현재 행의 ID를 저장하기 위한 check-value 속성이 있어야 합니다
// 모두 선택, Checkall은 해당 클래스에 선택된 모든 CheckBox의 ID 선택입니다.
$('#checkAll').selectall('selectone');
// 선택 항목을 삭제하고, ID의 모든 버튼을 삭제하려면 deleteall을 선택하여 체크박스의 각 줄에 대한 IDS 형식 매개변수를 수신합니다.
var url = "홈/역할/delall'";
$('#deleteAll').delselect('selectone',url,function(data){
DelAlert(데이터);
},함수(){
layer.msg("선택한 콘텐츠 없음",2,0);
});
})
jquery.selectall.js
코드 복사 코드는 다음과 같습니다.
(함수( $ ){
$.fn.selectall = 함수(클래스이름) {
$(this).bind('클릭',function()
{
if($(this).attr('checked') == 'checked')
{
$(this).attr("checked",false)
$('.' className).attr('checked',false);
}그밖에{
$(this).attr('checked','checked');
$('.' className).attr('checked','checked');
}
});
$('.' className).bind('click',function()
{
if($(this).attr('checked') == 'checked')
{
$(this).attr("checked",false);
}그밖에{
$(this).attr('checked','checked');
}
});
};
$.fn.delselect = 함수(className,url,fun,unselectfun){
$(this).bind('클릭',function(){
var selectid = '';
$("." className).each(function(){
if($(this).attr('checked')=='checked'){
selectid =$(this).attr('check-value') ',';
}
});
if(선택ID)
{
selectid = selectid.substring(0,selectid.length-1);
$.post(url,{ids:selectid},function(data){
재미(데이터);
});
}다른
{
unselectfun();
}
});
};
})( jQuery );
以上所述就是本文의 전체 부서 内容了, 希望大家能够喜欢。