티스토리 뷰
APK 16 이하 APK 17 이상 문제 설명줄 바꿈으로 R 반짝이 앱의 라디오 버튼 분리 (Separating radioButtons in R shiny app with a line break) 제 반짝이는 앱에 radioButtons 목록이 있는데 헤더, 줄이나 단락 나누기와 같은 공백 또는 줄 ‑‑‑‑‑‑‑‑ . 버튼의 세 가지 개별 formType(formType1, formType2, formType3)을 만들어 이를 수행하려고 했지만 버튼의 기능이 작동을 멈췄습니다. 나는 많은 HTML 코드를 모르지만 내가 시도한 것들은 radioButton 코드 청크에서 작동하지 않을 것입니다. 도울 수 있니? 감사. 아래에
참조 솔루션방법 1:Try inserting hr(), which is a horizontal rule. This should put in a space with a horizontal line. Another option would be br(), a blank rule, doing the same minus the line. 방법 2:You can add javascript/jQuery to specify breaks after specific radio buttons, adding
(by Jason、TTS、Ben) 참조 문서
라디오 버튼을 이용하여 DIV를 각각 활성화 시켜서 사용하는 함수를 간단히 작성하면 아래와 같다. - HTML <input type="radio" name="tp_cd" value="1" checked="checked"> 1번 <input type="radio" name="tp_cd" value="2" > 2번 <div id="POP1"><p>POP1의 영역이 보임</p></div> <div id="POP2" style="display:none;"><p>POP2의 영역이 보임</p></div> - jquery $('input[type=radio][name=tp_cd]').on('click', function() { var chkValue = $('input[type=radio][name=tp_cd]:checked').val(); if (chkValue == '1') { $('#POP1').css('display', 'block'); $('#POP2').css('display', 'none'); return false; } else if (chkValue == '2') { $('#POP1').css('display', 'none'); $('#POP2').css('display', 'block'); return false; } }); 위와 같은 방법으로 작성하면 된다. jquery는 css에 display: none; 일 경우 화면에서 보여지지 않고, display: block; 일 경우 화면에 보여지는 것을 이용한 것이다. POP2의 영역이 처음부터 노출되는 것을 막기 위해서는 HTML에서 스타일을 주면 된다. 함수 안에 return false;를 입력하게 되면 2번을 선택하더라도 기존에 체크되어있던 라디오버튼 1번에 계속 체크가 되어있다. (DIV는 POP2가 보이게된다.) 이를 해결하기 위해서는 간단하게 return false; 를 지우면 된다. |