유용한 코드 모음

2024-06-17

체크박스 다중선택 - 여러개 체크된 값 합치기

$('#anyTypeList').val("");
var chkList = "";
var checkbox = $("input[name=anyType]:checked");

checkbox.each(function(i) {
    var chkValue = $(this).val();
    chkList += chkValue + ",";
});

chkList = chkList.slice(0, -1);
$('#anyTypeList').val(chkList);

 

 

반복하기 위해 리스트 만들 경우 (참고: [iBatis] iterate )

String [] anyTypeList = map.get("anyTypeList").toString().split(",");
List<String> chkList = new ArrayList<String>();

for(int i = 0; i < anyTypeList.length; i++) {
    chkList.add(anyTypeList[i]);

    map.put("type", anyTypeList[i]);
    testDAO.testMethod(map);
}

 

 

2024-06-20 

태그목록생성 및 삭제 binding

//태그 생성 및 삭제
function addTagFromSearch(name,itemCd) {
	var list =  $("#taglist");
	var tag = $('<li><span data-code='+ itemCd +'>'+ name +'</span></li>');
	var flag = true;

	if (name.length < 1) return;
	$("#taglist li span").each(function(i) {
		if(hsptCd == $(this).data('code')) {
			alert("이미 등록된 대상입니다.");
			flag = false;
			return;
		};
	});
	if (!flag) return;
	
	tag.click(function(e) {
		e.preventDefault();
		e.target.parentNode.remove();
		e.stopPropagation();
	});
	list.append(tag);
}

 

 

2024-06-21

details summary 태그 마커에 회전효과 넣기

details summary {cursor: pointer;}
details > summary::marker {display:none; content: '';}

details #toggle {
  transform: rotate(0);
  transition: .4s transform ease;
}
details[open] #toggle {
  transform: rotate(-180deg);
  transition: .2s transform ease;
}