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/70Reference
この問題について(JavaScriptチェックボックスの複数選択機能/配列の削除), 我々は、より多くの情報をここで見つけました https://velog.io/@jinheesung/javaScript-체크박스-다중-선택-삭제-기능-배열テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol