[javaScript] 체크박스 다중 선택 삭제 기능 / 배열
// 체크박스 선택 후 삭제 버튼 클릭시 이벤트
function folderDeleteClick(){
var checkBoxArr = [];
$("input:checkbox[name='folderCheckname']:checked").each(function() {
checkBoxArr.push($(this).val()); // 체크된 것만 값을 뽑아서 배열에 push
console.log(checkBoxArr);
})
$.ajax({
type : "POST",
url : "<c:url value='/folderDelete.do'/>",
data: {
checkBoxArr : checkBoxArr // folder seq 값을 가지고 있음.
},
success: function(result){
console.log(result);
},
error: function(xhr, status, error) {
alert(error);
}
});
}
controller
@ResponseBody
@RequestMapping(value="/folderDelete.do", method = RequestMethod.POST, produces = "application/json;charset=UTF-8")
public int folderDelete(HttpServletRequest request, @RequestParam(value="checkBoxArr[]") List<String> checkBoxArr
, @ModelAttribute("archiveFolder") ArchiveFolder archiveFolder) throws Exception {
int result = 0;
String checkNum = "";
for(String str : checkBoxArr){
checkNum = str;
archiveFolder.setFolderSeq(checkNum);
folderService.archiveFolderDelete(archiveFolder);
}
return result;
}
출처 : https://truecode-95.tistory.com/70
Author And Source
이 문제에 관하여([javaScript] 체크박스 다중 선택 삭제 기능 / 배열), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jinheesung/javaScript-체크박스-다중-선택-삭제-기능-배열저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)