소스코드 추가 질문좀드리겠습니다.
본문
안녕하세요 어제
여분필드 한번에 이동 문의 드렸는데요
여분필드 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>
답변 2
<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>
<div class="move-for-apply">
<a href="#" data-param-key="wr_1" data-param-value="값1">wr_1</a>
<a href="#" data-param-key="wr_2" data-param-value="값2">wr_2</a>
<a href="#" data-param-key="wr_3" data-param-value="값3">wr_3</a>
<button type="button">적용하기</button>
</div>
<script>
$(document).ready(function() {
$('.move-for-apply a').click(function(e) {
e.preventDefault()
$(this).toggleClass('active')
})
$('.move-for-apply button').click(function() {
var href = ''
var $active = $(this).siblings('a.active')
if ($active.length > 0) {
$active.each(function() {
href += '&' + $(this).data('paramKey') + '=' + $(this).data('paramValue')
})
}
location.href = '/bbs/board.php?bo_table=map' + href
})
})
</script>