소스코드 추가 질문좀드리겠습니다. 채택완료

코딩초보1 6년 전 조회 2,621

안녕하세요 어제

여분필드 한번에 이동 문의 드렸는데요

여분필드 2개 추가하고자 하는데 방법좀 알려주시면 감사하겠습니다.

예 ) wr_1 클릭 wr_2 에서 클릭 후 적용하기 누른후 페이지 이동되는걸 원합니다.

<div class="move-for-apply">
<a href="/bbs/board.php?bo_table=map&wr_1=내용">wr_1</a>
<a href="/bbs/board.php?bo_table=map&wr_2=내용">wr_2</a>
<a href="/bbs/board.php?bo_table=map&wr_3=내용">wr_3</a>
<button type="button">적용하기</button>
</div>

<script>
$(document).ready(function () {
$("a",".move-for-apply").click(function (e) {
e.preventDefault();
$("a",".move-for-apply").removeClass('active');
$(this).addClass('active');
})
$("button",".move-for-apply").click(function (e) {
var link = $(this).prev("a.active");
var href = link.attr('href');
location.href = href;
})
})
</script>

#그누보드5

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

답변 2개

정렬:

채택된 답변

+20 포인트

세크티

6년 전

<div class="move-for-apply">
    <a href="#" data-query="wr_1=내용">wr_1</a>
    <a href="#" data-query="wr_2=내용">wr_2</a>
    <a href="#" data-query="wr_3=내용">wr_3</a>
    <button type="button">적용하기</button>
</div>

<script>
    $(document).ready(function () {
        $("a",".move-for-apply").click(function (e) {
            e.preventDefault();
            $(this).toggleClass('active');

        })
        $("button",".move-for-apply").click(function (e) {
            var arr = [];
             $("a.active",".move-for-apply").each(function (i, e) {

                 arr.push($(e).data('query'))
             });

            location.href = '/bbs/board.php?bo_table=map&'+arr.join('&',arr);
        })
    })
</script>

로그인 후 평가할 수 있습니다

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

nsnsksks

6년 전

</p>

<p><div class="move-for-apply"></p>

<p>    <a href="#" data-param-key="wr_1" data-param-value="값1">wr_1</a></p>

<p>    <a href="#" data-param-key="wr_2" data-param-value="값2">wr_2</a></p>

<p>    <a href="#" data-param-key="wr_3" data-param-value="값3">wr_3</a></p>

<p>    <button type="button">적용하기</button></p>

<p></div></p>

<p><script></p>

<p>$(document).ready(function() {</p>

<p>    $('.move-for-apply a').click(function(e) {</p>

<p>        e.preventDefault()</p>

<p>        $(this).toggleClass('active')</p>

<p>    })</p>

<p>    $('.move-for-apply button').click(function() {</p>

<p>        var href = ''</p>

<p>        var $active = $(this).siblings('a.active')</p>

<p>        if ($active.length > 0) {</p>

<p>            $active.each(function() {</p>

<p>                href += '&' + $(this).data('paramKey') + '=' + $(this).data('paramValue')</p>

<p>            })</p>

<p>        }</p>

<p>        location.href = '/bbs/board.php?bo_table=map' + href</p>

<p>    })</p>

<p>})</p>

<p></script></p>

<p>

로그인 후 평가할 수 있습니다

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

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

로그인

소스코드 추가 질문좀드리겠습니다. 채택완료

답변 2개

공유하기