DBA

ON / OFF// ON$("#divMember" + num).show(); // display 복원// OFF$("#divMember" + num).hide(); // display:none 토글$("#divMember" + num).toggle(); // 보임/숨김 전환// 또는 명시적$("#divMember" + num).toggle(true); // ON$("#divMember" + num).toggle(false); // OFF CSS로 직접 제어// ON$("#divMember" + num).css("display", ""); // 원래 display로// OFF$("#divMember" + num).css("display", "none"); 참고: D..

Form Data에 값 추가 하기1) 값 읽어서 넣기 (Vanilla JS)@Html.TextBoxFor(x => x.가구원수, new { id = "householdCount", @class = "form_control", style = "width:80px;" })const form = document.getElementById('formHouseholdMember');const formData = new FormData(form);const countVal = document.getElementById('householdCount').value ?? '';// 새로 추가(같은 키 여러 개 허용): appendformData.append('가구원수', countVal);// 기존 값 교체(한 개만 유..

Dropdownlist1) 현재 선택된 value / text 즉시 읽기const $ddl = $('.householdRelation'); // DropDownListFor에 준 클래스const val = $ddl.val(); // 선택된 valueconst text = $ddl.find('option:selected').text(); // 선택된 표시 텍스트console.log(val, text); 2) 변경될 때마다 가져오기$('.householdRelation').on('change', function () { const val = $(this).val(); const text = $(this).find('option:selected').text..

1) Razor에서 data-* 넣기Html.DropDownListFor의 htmlAttributes 익명객체에서 언더스코어(_) → 하이픈(-) 으로 변환됩니다.@Html.DropDownListFor( x => x.가구주와의관계코드01, new SelectList(ViewBag.가구주와의관계, "Value", "Text"), new { @class = "householdRelation", data_name = "householdRelation", // => data-name="householdRelation" data_qid = Model.질문ID // => data-qid="..." }) 또는 딕셔너리로도 가능 합니다...

✅ ASP.NET MVC에서 체크박스 사용법 & 다중 선택 처리 방법 (jQuery + foreach 예제 포함) 체크박스는 다중 선택이 가능한 폼 요소로 설문, 옵션 설정, 알림 설정 등에서 자주 사용됩니다.이번 포스트에서는 아래 내용을 실전 위주로 정리했습니다.HTML 체크박스 구성jQuery로 체크된 항목 모두 가져오기MVC에서 선택된 리스트 처리하기foreach로 항목 반복 출력✅ STEP 1. HTML로 체크박스 구성하기 운동 독서 여행 게임📝 name="hobby"로 그룹화하고, value 속성에 전달될 값을 설정합니다.✅ STEP 2. jQuery로 체크된 항목 모두 가져오기$("#submitBtn").click(function() { let checked = []; $("inp..

✅ ASP.NET MVC에서 라디오버튼 사용하는 완벽 가이드 (+jQuery 예제 포함) 사용자 선택을 유도하는 가장 직관적인 UI 요소 중 하나는 라디오버튼입니다.특히 ASP.NET MVC로 웹사이트를 구축할 때, 라디오버튼은 설문이나 옵션 선택 등에서 필수적으로 사용됩니다.이 글에서는 다음을 설명합니다:HTML로 라디오버튼 구성하기jQuery로 체크/체크 해제 제어MVC에서 선택된 값 처리하기웹 개발자나 ASP.NET 입문자에게 매우 실용적인 가이드가 될 것입니다.✅ STEP 1. HTML 라디오버튼 기본 구성 남성 여성✔ name이 같으면 같은 그룹으로 작동하며✔ label로 감싸 클릭 범위를 넓힐 수 있어 UX 향상에 좋습니다.✅ STEP 2. jQuery로 체크 이벤트 처리하기// 선택된..