html - jqeury - 설문조사 만들기 질문입니다.

Question

HTML

1순위 :
2순위 :
- ① 유명(연예인, 스포츠 스타 등)
- ② 전문가(의사, 약사, 한의사 등)
- ③ 지인(가족, 친구, 이웃 등)
- ④ 제품의 판매, 홍보, 영업을 담당하는 직원
- ⑤ 운동 처방사, 퍼스널트레이너 등
- ⑥ 건강관리사, 영양사 등

jquery$(".q_list ul li").click(function(){ var ss = $(this).children("label").text(); if($('#one').text() == ""){ $('#one').text(ss); } else { $('#two').text(ss); } }); HTML p태그에 1순위 2순위 부분에 두개의 체크박스 (label)내용을 넣어주려고합니다.현재 첫번째 체크 박스 선택 시 1순위2순위 모두 값이 채워지고두번째 체크 박스 선택 시 2순위의 값만 변합니다.이후로는 체크를 하든 해제를 하든 2순위의 값만 변합니다. 체크박스는 2개로 제한하면서 체크했을때 순서에 맞게 1순위 2순위에 값이 채워지고체크박스가 하나라도 해제되었을때 1순위 2순위 모두 값이 없어지도록 만들고싶습니다. 어떻게 해야할지 모르겠습니다...

시부야 · Answer

제가 잘못이해한건지 모르겠는데 앞 뒤의 말이 안맞는거 같아서앞에는 두번째로 체크박스 선택 이후 체크를 하든 해제를 하든 2순위의 값만 변한다는데 뒤에는 체크박스가 하나라도 해제되었을 때 1순위 2순위 값이 없어진다는게 말이 안맞는거 같아요

chro · Answer

첫번째로 1번 선택 (두개다 값이 채워짐) 1순위 : ① 유명(연예인, 스포츠 스타 등) 2순위 : ① 유명(연예인, 스포츠 스타 등) 두번째로 3번 선택 1순위 : ① 유명(연예인, 스포츠 스타 등) 2순위 : ③ 지인(가족, 친구, 이웃 등) 세번째로 5번 선택 1순위 : ① 유명(연예인, 스포츠 스타 등) 2순위 : ⑤ 운동 처방사, 퍼스널트레이너 등 이런식으로 작동하는데 3번째가 체크되거나 어떤것이든 체크가 해제되면 체크되어있는 전체를 해제하고싶다는 뜻입니다. 이해가 가셨나요 ㅠㅠ 설명을 너무모대요 ㅜㅜㅜㅜ

시부야 · Answer

let tempId; $(&#34;.q_list ul li label&#34;).click(function(){ if($(this).siblings().prop('checked') &#61;&#61; true){ // 클릭한게 체크 되있으면 전부 해제 $(&#34;input&#34;).prop('checked',false); $(&#34;p span&#34;).text(''); return false; } var ss &#61; $(this).text(); if($('#one').text() &#61;&#61; &#34;&#34;){ $('#one').text(ss); $('#two').text(ss); } else { $(&#34;#&#34;&#43;tempId).prop('checked',false); // 전에 클릭한걸 해제 tempId &#61; $(this).attr('for'); // 현재 클릭한 input id 저장 $('#two').text(ss); }}); $(&#34;li&#34;).click으로 하니 두번 클릭 되서 label 클릭으로 해서 checkbox클릭시 적용은 안되는데이만 자러가야해서 어떻게 해야하는지는 짠거 같으니 나머지는 알아서.. 파이팅!!

html - jqeury - 설문조사 만들기 질문입니다.

3개의 답변

Q&A 목록