테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

input 박스에 한번에 같은 값을 넣는 스크립트가 있을까요? 채택완료

스니음 3년 전 조회 2,351
답변 5
목록

 

이런 폼에 맨위에 값을 넣고, 일괄적용 했을때

 

밑에 인풋박스에 줄별로 다 같은 값을 넣으려고 합니다.

 

참고할만한 스크립트가 있을까요?

 

참고로 밑에 인풋박스는 게시물마다 다 틀려서 더 많을수도  더 적을수도 있습니다.

#스크립트
댓글을 작성하려면 로그인이 필요합니다.

답변 5개

채택된 답변
+20 포인트
균
균이
3년 전

첫번째 div field_group eight 에 class추가 <div class="field_group eight base">

두번째 div field_group eight 에 class추가 <div class="field_group eight next">

다음 자바스크립트 사용하면 됩니다

< script >

$(function(){
  $(".green").click(function(){
    $(".base .k-textbox").each(function(idx){
     $(".next .k-textbox").eq(idx).val( $(this).val() );
    });
  });
});

-----------------------

설마 질문 속에 두번째 입력 후 버튼 누르면 두번째 행에 값이 들어가야한다가 숨어있는 것은 아니겠죠?

그러면 답변도 달라져야 하니까요

 

 

 

 

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

답변에 대한 댓글 2개

�
스니음
3년 전
오우 감사합니다. 일단은 값이 들어가긴 했는데
방1, 방2, 방3 등등등 다 field_group eight base 이거값으로 따라서 들어가려고 하면 어떻게 해야 할까요?
�
스니음
3년 전
정말 감사합니다. 좋은 하루 되세요!

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

스
스니음
3년 전

</p>

<p><form id="score_proc" data-role="validator" novalidate>

    <input type="hidden" name="id" value="1" />

    <div id="score_input">

        <div class="field_group eight">

            <span class="field">

                <span class="label"></span>

            </span>

            <span class="field">

                <input type="text" id="score[0]" name="score[0]" class="k-textbox" />

                <label>%</label>

            </span>

            <span class="field">

                <input type="text" id="score[1]" name="score[1]" class="k-textbox" />

                <label>%</label>

            </span>

            <span class="field">

                <input type="text" id="score[2]" name="score[2]" class="k-textbox" />

                <label>%</label>

            </span>

            <span class="field">

                <input type="text" id="score[3]" name="score[3]" class="k-textbox" />

                <label>%</label>

            </span>

            <span class="field">

                <input type="text" id="score[4]" name="score[4]" class="k-textbox" />

                <label>%</label>

            </span>

            <span class="field">

                <input type="text" id="score[5]" name="score[5]" class="k-textbox" />

                <label>%</label>

            </span>

            <span class="field">

                <input type="text" id="score[6]" name="score[6]" class="k-textbox" />

                <label>%</label>

            </span>

        </div>

    </div>

    <div class="btn_center">

        <button class="ui button green">일괄적용</button>

    </div>

</form></p>

<p>    <div class="field_group eight">

        <span class="field">

            <span class="label">방1</span>

        </span>

        <input type="hidden" name="chk_ids[0]" value="1604" >

        <span class="field">

            <input type="text" id="item_score[0][1]" name="item_score[0][1]" value="60" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[0][2]" name="item_score[0][2]" value="25" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[0][3]" name="item_score[0][3]" value="5" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[0][4]" name="item_score[0][4]" value="10" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[0][5]" name="item_score[0][5]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[0][6]" name="item_score[0][6]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[0][7]" name="item_score[0][7]" value="60" class="k-textbox" />

            <label>%</label>

        </span>

    </div>

    <div class="field_group eight">

        <span class="field">

            <span class="label">방2</span>

        </span>

        <input type="hidden" name="chk_ids[1]" value="1605" >

        <span class="field">

            <input type="text" id="item_score[1][1]" name="item_score[1][1]" value="1" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[1][2]" name="item_score[1][2]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[1][3]" name="item_score[1][3]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[1][4]" name="item_score[1][4]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[1][5]" name="item_score[1][5]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[1][6]" name="item_score[1][6]" value="0" class="k-textbox" />

            <label>%</label>

        </span>

        <span class="field">

            <input type="text" id="item_score[1][7]" name="item_score[1][7]" value="60" class="k-textbox" />

            <label>%</label>

        </span>

    </div></p>

<p>

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

답변에 대한 댓글 1개

�
균이
3년 전
다른 행들도 모두 같은 값을 넣는다구요? 왜 그런게 필요한지...

$(".green").click(function(){
cnt = $(".field_group").length;
for(i=1; i< cnt; i++){
$(".base .k-textbox").each(function(idx){
$(".field_group:eq("+i+") .k-textbox").eq(idx).val( $(this).val() );
});
}
});

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

균
균이
3년 전

답답한 질문입니다

위 , 아래 태그를 보여주어야 답변을 할 것 아닙니까

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

답변에 대한 댓글 1개

�
스니음
3년 전
죄송합니다. 댓글에 소스 올렸습니다.

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

초보자궁금해

영카드 shop 관리자 itemform.php 발췌입니다. 참고해보세요

 

</p>

<p>// 일괄적용

                    $(document).on("click", "#spl_value_apply", function() {

                        if($(".spl_com_chk:checked").length < 1) {

                            alert("일괄 수정할 항목을 하나이상 체크해 주십시오.");

                            return false;

                        }</p>

<p>                        var spl_price = $.trim($("#spl_com_price").val());

                        var spl_stock = $.trim($("#spl_com_stock").val());

                        var spl_noti = $.trim($("#spl_com_noti").val());

                        var spl_use = $("#spl_com_use").val();

                        var $el = $("input[name='spl_chk[]']:checked");</p>

<p>                        // 체크된 옵션이 있으면 체크된 것만 적용

                        if($el.length > 0) {

                            var $tr;

                            $el.each(function() {

                                $tr = $(this).closest("tr");</p>

<p>                                if($("#spl_com_price_chk").is(":checked"))

                                    $tr.find("input[name='spl_price[]']").val(spl_price);</p>

<p>                                if($("#spl_com_stock_chk").is(":checked"))

                                    $tr.find("input[name='spl_stock_qty[]']").val(spl_stock);</p>

<p>                                if($("#spl_com_noti_chk").is(":checked"))

                                    $tr.find("input[name='spl_noti_qty[]']").val(spl_noti);</p>

<p>                                if($("#spl_com_use_chk").is(":checked"))

                                    $tr.find("select[name='spl_use[]']").val(spl_use);

                            });

                        } else {

                            if($("#spl_com_price_chk").is(":checked"))

                                $("input[name='spl_price[]']").val(spl_price);</p>

<p>                            if($("#spl_com_stock_chk").is(":checked"))

                                $("input[name='spl_stock_qty[]']").val(spl_stock);</p>

<p>                            if($("#spl_com_noti_chk").is(":checked"))

                                $("input[name='spl_noti_qty[]']").val(spl_noti);</p>

<p>                            if($("#spl_com_use_chk").is(":checked"))

                                $("select[name='spl_use[]']").val(spl_use);

                        }

                    });</p>

<p>

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

답변에 대한 댓글 1개

�
스니음
3년 전
비슷하게 구현을 했는데 안되네요 ㅜ.ㅜ

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

복스리
복스리
3년 전

input name에 따라 차이가 있을꺼 같은데요...

jquery 를 사용하셔 id값을 정의하셔서 for loop를 사용해서 한번에 넣을수 있꺼나 만일 이름값이 동일해도..jquery로 이용하면 한번에 넣을수 있을꺼 같습니다.

</p>

<p>    // 예를들어 input 필드가 50개 일경우 i값이 1씩 증가된 값을경우 id값으로 값을 넣습니다.</p>

<p>    for(i=0;i<50;i++) {

        $('#input_'+i).val('원하는 값');</p>

<p>     }</p>

<p> </p>

<p>    // test필드 값이 php배열일경우 한방에 넣습니다.

    $('input[name="test[]"]').val('원하는 값');

 </p>

<p>  </script></p>

<p>

 

요렇게 2가지 예를들어 봤습니다. 필요하신 상태에 따라 적용해보시면 도움이 될꺼 같습니다.

 

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

답변에 대한 댓글 2개

�
스니음
3년 전
제가 제이쿼리를 잘 몰라서요. 부분이 아니라 전체를 보여주실수 있을까요?
�
복스리
3년 전
이대로 하시면되는데요.. 어려울께 없는데요.!!
해보시다 안되시면 쪽지 주세요..

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

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

로그인