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

3529861040_1656895074.034.png

 

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

 

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

 

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

 

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

답변 5개

채택된 답변
+20 포인트

첫번째 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개

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

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

Copy
<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>

    <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>
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

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

$(".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() );
});
}
});

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

답답한 질문입니다

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

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

답변에 대한 댓글 1개

죄송합니다. 댓글에 소스 올렸습니다.

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

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

 

Copy
// 일괄적용
                    $(document).on("click", "#spl_value_apply", function() {
                        if($(".spl_com_chk:checked").length < 1) {
                            alert("일괄 수정할 항목을 하나이상 체크해 주십시오.");
                            return false;
                        }

                        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");

                        // 체크된 옵션이 있으면 체크된 것만 적용
                        if($el.length > 0) {
                            var $tr;
                            $el.each(function() {
                                $tr = $(this).closest("tr");

                                if($("#spl_com_price_chk").is(":checked"))
                                    $tr.find("input[name='spl_price[]']").val(spl_price);

                                if($("#spl_com_stock_chk").is(":checked"))
                                    $tr.find("input[name='spl_stock_qty[]']").val(spl_stock);

                                if($("#spl_com_noti_chk").is(":checked"))
                                    $tr.find("input[name='spl_noti_qty[]']").val(spl_noti);

                                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);

                            if($("#spl_com_stock_chk").is(":checked"))
                                $("input[name='spl_stock_qty[]']").val(spl_stock);

                            if($("#spl_com_noti_chk").is(":checked"))
                                $("input[name='spl_noti_qty[]']").val(spl_noti);

                            if($("#spl_com_use_chk").is(":checked"))
                                $("select[name='spl_use[]']").val(spl_use);
                        }
                    });
로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

비슷하게 구현을 했는데 안되네요 ㅜ.ㅜ

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

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

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

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

    for(i=0;i<50;i++) {
        $('#input_'+i).val('원하는 값');

     }

 

    // test필드 값이 php배열일경우 한방에 넣습니다.
    $('input[name="test[]"]').val('원하는 값');
 

  </script>

 

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

 

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

답변에 대한 댓글 2개

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

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

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

로그인
🐛 버그신고