동적으로 그린 라디오박스 값을 db에서 가져온값 비교해서 checked하는 방법을 모르겠어요 ㅜ

Question

html2 &#43;&#61; '<input class&#61;&#34;form-check-input&#34; type&#61;&#34;radio&#34; name&#61;&#34;inlineRadioOptions'1 id&#61;&#34;inlineRadio1'&#34; value&#61;&#34;'&#43;item1.businessMarks&#43;'&#34;/>';동적으로 그린 라디오 타입에서 값선택후 저장후 db에서 저장한값까지 불러왔는데 저장한 값과 같으면 checked 하는 소스를 모르겠어요 ㅜ 등록페이지에서 등록후 상세페이지 눌렀을때 db에서 불러온값으로 같으면 체크하는걸 하고싶습니다.2틀동안 해매고 있습니다 ㅜㅜ

roggue2 · Answer

자바스크립트라면 var 변수하나 선언해서 db에 저장된 값 저장 시켜 주고 동적으로 생성된 라디오 버튼의 값과 비교해서 checked 표시되고 하시면 되지 않을까 싶습니다.

ZERO개발자 · Answer

가이드 문서 -> https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox

beatles9 · Answer

https://stackoverflow.com/questions/12810034/dynamically-checked-radio-button-based-on-value-attribute-not-checkinghttp://jsfiddle.net/CW8AC/1/

roggue2 · Answer

var imsiVal = "db에 저장된 값";var chk = "";if(imsiVal == item1.businessMarks){ chk = "checked=\"checked\"";}html2 += '<input class="form-check-input" type="radio" name="inlineRadioOptions'1 id="inlineRadio1'" value="'+item1.businessMarks+'" '+chk+' />';이렇게 수정해 보시길..

ccat · Answer

맨뒤에 checked 가 붙으면 checked가 된 상태로 불러와집니다. 이걸 활용해서 db에서 값을 가져와서 화면에 불러줄때 checked를 붙이면 되겠죠??

더미 · Answer

등록 페이지에서 선택한 라디오 버튼 값을 저장하고, 상세 페이지에서 해당 값을 불러와 동적으로 생성된 라디오 버튼 중 일치하는 값을 가진 버튼에 자동으로 체크하는 방법을 안내해 드립니다.1. 등록 페이지 (값 저장)JavaScript// 라디오 버튼 값 가져오기 (jQuery 사용) var selectedValue = $('input[name="inlineRadioOptions1"]:checked').val(); // AJAX를 통해 선택된 값 서버로 전송 (예시) $.ajax({ type: 'POST', url: '/save_radio_value', // 값을 저장할 서버 URL data: { radioValue: selectedValue }, success: function(response) { // 저장 성공 처리 } }); 코드를 사용할 때는 주의가 필요합니다.content_copy2. 상세 페이지 (값 불러오기 및 체크)JavaScript// 서버에서 저장된 라디오 버튼 값 가져오기 (예시) var savedValue = getSavedRadioValue(); // 실제 값을 가져오는 함수 구현 // 동적으로 생성된 라디오 버튼에 체크 $('input[name="inlineRadioOptions1"]').each(function() { if ($(this).val() == savedValue) { $(this).prop('checked', true); } }); 코드를 사용할 때는 주의가 필요합니다.content_copy3. getSavedRadioValue() 함수 구현 (예시)JavaScriptfunction getSavedRadioValue() { // AJAX를 통해 서버에서 저장된 값 가져오기 (예시) var savedValue = null; $.ajax({ type: 'GET', url: '/get_saved_radio_value', // 저장된 값을 가져올 서버 URL async: false, // 동기적으로 실행 (체크 전에 값을 가져오기 위해) success: function(response) { savedValue = response.radioValue; } }); return savedValue; } 코드를 사용할 때는 주의가 필요합니다.content_copy핵심 설명:등록 페이지: 선택된 라디오 버튼 값을 JavaScript로 가져와 AJAX를 통해 서버에 저장합니다.상세 페이지:서버에서 저장된 값을 getSavedRadioValue() 함수를 통해 가져옵니다.each() 함수를 사용하여 동적으로 생성된 라디오 버튼들을 순회합니다.각 라디오 버튼의 값과 저장된 값을 비교하여 일치하면 prop('checked', true)를 사용하여 체크합니다.참고:위 예시 코드는 jQuery를 사용하고 있습니다. 필요에 따라 Vanilla JavaScript로 변경 가능합니다.실제 서버와의 통신 및 데이터 저장 방식은 사용하는 환경에 맞게 구현해야 합니다.getSavedRadioValue() 함수는 AJAX를 동기적으로 실행하여 값을 가져옵니다. 비동기 처리가 필요한 경우 적절히 수정해야 합니다.

동적으로 그린 라디오박스 값을 db에서 가져온값 비교해서 checked하는 방법을 모르겠어요 ㅜ

6개의 답변

Q&A 목록