2017-12-28 9 views
0

이 질문은 현재까지 정리되어 있으며 그야 말로 사용되지 않습니다. 희망이 도움이됩니다.업데이트 : 기존 체크 박스에 AJAX의 JSON 데이터를 적용하고 체크/체크하지 않음 (jQuery)

웹 스택 기능 : ColdFusion 12 +/Lucee 5.x를
dB : 나는이 질문에 대한 어떤 관련성을 가지고 있다고 생각하지 않습니다하지만 MySQL은/​​마리아
핸들 여기 플레이도 있습니다.
첫번째 섹션은 두번째 섹션
세번째 섹션은 체크 박스의 다른 세트

일부 체크 박스가 라디오 버튼 일련의 체크 박스
일련이다

I 세 섹션 형태 가지고 첫 번째 섹션에서 확인란을 선택하고 라디오 버튼을 선택하면 세 번째 섹션의 확인란에 해당하는 확인란의 "활성"값을 검색하기 위해 데이터베이스에 ajax 호출이 수행됩니다. 사용자가 필요에 따라 추가 선택/선택을 할 수 있기 때문에 세 번째 섹션의 전체 체크 박스 목록이 항상 표시되어야합니다.

는 희망이 예는 도움이 될 것입니다 : 섹션이 두

그래서 위에서 선택한 옵션에 따라
RADIO 20 ()  RADIO 21 ()  RADIO 22 (*)  RADIO 23 ()  RADIO 24 () 

, 다음이 제시 될

CHECKBOX 1 [X]  CHECKBOX 2 [ ]  CHECKBOX 3 [ ]  CHECKBOX 4 [X] 

섹션 1

사용자이지만 사용자는 여전히 필요에 따라 변경할 수 있습니다.
장 난 그냥 사람이 나와 함께 일할 의향이 있다면, 내가 할 수있는 응용 프로그램의이 지역에서 시작하지만지고있어 나는 아직 공유 할 수있는 코드가없는 세

CHECKBOX 101 [X]  CHECKBOX 102 [ ]  CHECKBOX 103 [ ]  CHECKBOX 104 [ ]  CHECKBOX 105 [x]  CHECKBOX 106 [X] 

게시물 코드 (및/또는 요지)에 따라. 나는이 대답이 정확한 답을 표시 할 수있을 때까지 약간의 시간이 걸릴 것이라고 생각한다. 나는 이것이 재미있는 운동이 될 것이라고 생각하며 나는 피드백을 기대한다.

=============는
이의이가 오전 "이상적인 배우자의 성격 프로필"라고하자 ============= 시나리오를 일부 컨텍스트를 제공하기 위해 (그것은 아니지만 여기에 척하자). 위에 제공된 예제 레이아웃을 사용하여 섹션 1에는 물리적 속성 (머리 색깔, 눈 색깔, 빌드 등)의 4 가지 체크 박스가 있습니다. 그런 다음 섹션 2는 교육이 완료된 것입니다 (귀하의 이상적인 친구가 얼마나 똑똑해지기를 원하십니까). 개발자는 섹션 1에서 1과 4의 확인란을 선택한 다음 섹션 2에서 라디오 22 (스마트)의 라디오 옵션을 선택한 다음 Checkboxe 101, 105 및 106을 선택한다고 가정합니다 (결정되고, 재치 있고, 대화법 주의적 인) 그래서 나는 편의상 그 옵션들을 체크하고 싶다. 사용자가 섹션 2에서 라디오 22 (스마트)에서 라디오 24 (차트 스마트 끄기)로 변경하면 체크 된 섹션 3의 항목이 사전 결정된 매핑과 일치하도록 변경됩니다.

데이터베이스에는 체크 박스/라디오 옵션에 대한 옵션을 표시하는 소스 데이터와 매핑을 표시하는 두 번째 테이블 (아래 이미지 참조)의 두 데이터 테이블이 있습니다. mapping example of how the data is currently stored

내 질문은 기본적으로가 어떻게 이미 페이지에로드 된 데이터에 매핑 된 값을 적용 할 수있다? 사이비 코드에서 :
는 - JSON 매핑 데이터를 검색하는 값
-이 일치하지 않는 경우 - 아약스 호출
에서 반환 된 값으로 기존 항목 비교 DOM의 요소를 루프 - 일치하는 경우를, 상자
을 확인 체크 박스를 선택한 경우 그대로 상자를 그대로 둡니다.

+0

질문이 명확하지 않습니다. 정확한 질문은 무엇입니까? – brk

+0

@brk 의견을 주셔서 감사합니다. 나는 그 질문을 갱신했다. 아래쪽으로 스크롤하면 내 질문에 대한 더 나은 설명이 될 수 있다고 생각합니다. – HPWD

+1

글쎄 그게 내가 생각했던 것보다 훨씬 쉬웠다. 방금 요소 이름을 반복하여 검사했는지 여부를 확인했습니다. 그렇지 않은 경우 수표를 추가했습니다. 일단 코드가 있으면 답변을 게시합니다. 더 자세한 정보 (일명 psuedo 코드)를 추가하면 솔루션이 문자 그대로 나 앞에 있습니다. – HPWD

답변

1

반환 된 데이터를 가져 와서 기존 데이터에 적용하고 확인하십시오. 쉬워요.

참고 : 이것은 구현시 축하는 아니며 복사 할 수 없습니다. & paste worthy; 그러나 그것은 내 질문에 정부 활동에 충분할만큼 답했다.