상위 디비전을 이동하려면 어떻게해야합니까?

Question

imgur가 JSFiddle로 멋지게 보이기를 원하지 않는 이유는 이미지가 올바르게 표시되지 않는다는 것을 의미합니다.

나는 3 개의 옵션 라디오 버튼을 포함하는 여러 개의 Div (개별 ID가있는)가 있습니다. 전체 div를 적절한 상자로 옮기고 싶습니다. 즉, 사용자가 첫 번째 옵션을 클릭하면 전체 라디오 버튼이 High Interest DIV로 이동하고 세 번째 버튼을 클릭하면 #lowI로 이동하고 가운데 버튼을 누르면 뒤로 이동해야합니다. 모든 단일 라디오 버튼에 대해 개별 기능을 생성하여 작동시킬 수 있었지만 3 가지 기능을 만들 수 있어야한다고 생각했습니다. 예, 확인 및 아니요를 클릭하면 상위 div가 적절한 위치로 이동합니다.

$('.no').on("click", function (e) { 
    $("label.no").parent().appendTo("#lowI"); 
    e.preventDefault(); 
}); 

Answer 1

을 클릭하면 빈약없는 클래스가 변경이 필요합니다. 라디오 변경 이벤트를 사용합니다. 의미 상으로 훨씬 적합합니다.

$(document).ready(function(){ 
    $("input:radio").change(function() { 
     var tmp = $(this).parent("div").detach(); 

     if($(this).val() == "yes"){ 
      tmp.appendTo('#highI'); 
     } else if($(this).val() == "ok"){ 
      tmp.appendTo('#nI'); 
     } else { 
      tmp.appendTo('#lowI'); 
     } 
    }); 
}); 

fiddle도 참조하십시오. 원래 바이올린은 jQuery를 사용할 수 없었기 때문에 약간 혼란 스러웠습니다. 그것을 포함하거나 아무것도 작동하는 것을 잊지 마세요!

Answer 2

라디오 버튼을 없음으로 CSS 속성 표시가 있습니다

Here's the latest fiddle

그리고 여기 내 미약 한 jQuery 코드입니다. 따라서 JQuery는 클릭을 처리하지 않습니다.

당신은

$("label.no").on("click", function (e) { 
    $(this).parent().appendTo("#lowI"); 
    e.preventDefault(); 
}); 

EDIT 같은 레이블 뭔가에 클릭을 처리하기 위해 라벨을 asuming 선택기 레이블에는