채택완료

라디오버튼, 체크박스로 출력을 다르게

2019-03-30 (토) 04:49:35 3,051

DB에서 아래 표와 같이 데이터를 읽어오는 것 까지는 했는데...

아래 그림과 같이 음수와 양수를 각각 라디오버튼으로 체크했을때,

각각 음수만 출력이되고, 양수만 출력이 되게끔 하려고 하는데...

진짜 하루종일 이것만 별짓을 다해보는데 방법도 길도 모르겠습니다;;

꼭 라디오버튼이 아니라, 체크박스로 해도 상관은 없습니다.

고수님들 제발 도와주세요 ㅠㅠ

2041224008_1553888806.8118.png

답변 2개 / 댓글 2개

채택된 답변
+20 포인트

DB에서 아래 표와 같이 데이터를 읽어오는 것 까지는 했는데<---라디오버튼 소스 및 이 코드가 있어야 원하는 답변을 할텐데요

하여간 이렇게 하세요

음수 <input type='radio' name='radiok onclick="location.href='처리화일명.php?wk=1'">

양수 <input type='radio' name='radiok onclick="location.href='B처리화일명.php?wk=2'">

음수 양수로 나눌 값이 들어있는 필드명이 abc라고 가정하면

$qry = wk==1 ? "abc<0" : "abc>0";

DB에서 아래 표와 같이 데이터를 읽어오는 것 까지는 했는데 <-- 이 코드에서 쿼리에 추가 

where $qry

질문은 실제 사용하는 필드명 등으로 상세히 하면 곧바로 사용 가능한 코드를 얻을 수 잇을 텐데

두루뭉술하게 질문하면 이렇게 답변 할 수 밖에 없습니다

답변에 대한 댓글 1개

답변 감사합니다.
답변 해주신 설명으로 코드 적용 완료했습니다!
아주 잘됩니다 ~~~

간단하게 만들어 봤는데 참조만 하세요.

음수 : <input type='radio' name='myradio' id='radio_1' value='0' onclick="myFunction(this.value)" />
양수 : <input type='radio' name='myradio' id='radio_2' value='1' onclick="myFunction(this.value)" />

<ul id="myUL">
  <li><span>홍길동1</span>&nbsp;&nbsp;<span>500</span></li>
  <li><span>홍길동2</span>&nbsp;&nbsp;<span>700</span></li>
  <li><span>홍길동3</span>&nbsp;&nbsp;<span>400</span></li>
  <li><span>홍길동4</span>&nbsp;&nbsp;<span>300</span></li>
  <li><span>홍길동5</span>&nbsp;&nbsp;<span>-500</span></li>
  <li><span>홍길동6</span>&nbsp;&nbsp;<span>-200</span></li>
  <li><span>홍길동7</span>&nbsp;&nbsp;<span>600</span></li>
  <li><span>홍길동8</span>&nbsp;&nbsp;<span>100</span></li>
  <li><span>홍길동9</span>&nbsp;&nbsp;<span>-200</span></li>
  <li><span>홍길동10</span>&nbsp;&nbsp;<span>-800</span></li>
</ul>

<script>
function myFunction(v) {
    var radio, ul, li, span, i, v, txtValue;

    ul = document.getElementById("myUL");
    li = ul.getElementsByTagName("li");

    for (i = 0; i < li.length; i++) {
        span = li[i].getElementsByTagName("span")[1];
        txtValue = span.textContent || span.innerText;

        if(v == 1) {
            if (txtValue > 0) {
                li[i].style.display = "";
            } else if(txtValue < 0) {
                li[i].style.display = "none";
            }
        } else {
            if (txtValue < 0) {
                li[i].style.display = "";
            } else if(txtValue > 0) {
                li[i].style.display = "none";
            }
        }
    }
}
</script>

답변에 대한 댓글 1개

답변감사합니다! 적용은 안봤는데요.
스크립트 안쓰고 바로 균이님 코드로 적용 완료했습니다.

답변을 작성하려면 로그인이 필요합니다.