크롬80버전 결제 이슈, 영카트5 주요패치 확인!

상품검색부분 체크박스로 검색 문의 입니다.

컨텐츠몰 10% 할인 기간연장!
그누보드5
영카트5
매뉴얼
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티
상품검색부분 체크박스로 검색 문의 입니다.

QA

SIR 컨텐츠몰 10% 특별할인 - 코로나19 바이러스로 어려운 시기, SIR이 함께 하겠습니다.

상품검색부분 체크박스로 검색 문의 입니다.

본문

인터넷 검색하며 소스를 발견하고 이리 저리 해보고 있는데요 ^^ 쉽지가 않네요

우선 상품검색부분을 키워드로 검색하는게 아니라 체크박스를 체크시 그에 맞는 상품이 노출되게 하는걸

만들어보려고 공부중인데요

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.js"></script>
<script type="text/javascript">
/*
* 연결된 링크 저장하셔서 아래쪽에 적용하시면 됩니다.
*/
var linkList = [];
$(function() {
   $("input:checkbox").click(function() {
     var target = $(this).parent().parent();
     var checkedList = [];
     var checkedElement = target.find("input:checkbox:checked");
     checkedElement.each(function() {
       /*
       * index 대신 value로 지정하려면 index()대신 val()로 하시면 됩니다.
       */
       checkedList.push($(this).index());
    });
    /*
    * 선택목록의 구분자를 임의로 지정하려면 toString 대신 join("구분자")를 사용하세요.
    */
    target.find(".select").text("").append(checkedList.toString())
    /*
    * 현재는 값이 없어지면 .html만 남게 됩니다. 수정해서 사용하세요.
    */
    .end().find(".link").text("").append("<a href='" + checkedList.join("") + ".html'>" + checkedList.join("") + ".html" + "</a>");
 });
 });
 </script>
 </head>
 <body>
 <form>
 <div class="first">
 <div>--첫번째 체크--</div>
 <div>
 <input type="checkbox" value="1">하나
 <input type="checkbox" value="2">둘
 <input type="checkbox" value="3">셋
 <input type="checkbox" value="4">넷
 <input type="checkbox" value="5">다섯
 </div>
 <div>
 <span>선택목록 : </span><span class="select"></span>
 </div>
 <div>
 <span>링크 : </span><span class="link"></span>
 </div>
 </div>
 <div class="second">
 <div>--두번째 체크--</div>
 <div>
 <input type="checkbox" value="1">원
 <input type="checkbox" value="2">투
 <input type="checkbox" value="3">쓰리
 <input type="checkbox" value="4">포
 <input type="checkbox" value="5">파이브
 </div>
 <div>
 <span>선택목록 : </span><span class="select"></span>
 </div>
 <div>
 <span>링크 : </span><span class="link"></span>
 </div>
 </div>
 <div class="third">
 <div>--세번째 체크--</div>
 <div>
 <input type="checkbox" value="1">사과
 <input type="checkbox" value="2">바나나
 <input type="checkbox" value="3">딸기
 <input type="checkbox" value="4">포도
 <input type="checkbox" value="5">키위
 </div>
 <div>
 <span>선택목록 : </span><span class="select"></span>
 </div>
 <div>
 <span>링크 : </span><span class="link"></span>
 </div>
 </div>
 </form>
 </body>
 </html>

 

이렇게 하면 링크를 클릭시에는 검색이 되는데요 링크클릭방식 말고 그냥 바로 체크하면 이벤트가 발생하고 체크된박스가 풀림현상이 없었으면 좋겠는데요 어디를 손봐야 하는걸까요 ㅠㅠ

몇일동안 봐도 도통 모르겠네요

이 글을 내 페이스북 계정으로 보내기 이 글을 내 트위터 계정으로 보내기

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
전체 11,924
고마운 분의 도움으로 질문을 해결하셨다면, 채택을 눌러서 감사의 마음을 전하세요.
어떻게 질문해야 할지 모른다면 질문하는 방법을 읽어 보신후 질문해 보세요.
QA 내용 검색

회원로그인

진행중 포인트경매

  1. 참여18 회 시작20.04.04 09:21 종료20.04.11 09:21

(주)에스아이알소프트 (06253) 서울특별시 강남구 도곡로1길 14, 6층 624호 (역삼동, 삼일프라자) 대표메일:admin@sir.kr
사업자등록번호:217-81-36347 대표:홍석명 통신판매업신고번호:2014-서울강남-02098호 개인정보보호책임자:이총

© SIRSOFT