테스트 사이트 - 개발 중인 베타 버전입니다

스크립트 반복을 줄이는 방법이 있을까요? 채택완료

망이망소이 5년 전 조회 1,909

아래 4개의 속성들이 숫자부분이 1~25까지만 반복됩니다.

input[name='trun1']

input[name='cnjnum1'] 

input[name='cnjnum1'] 

Chage_Money(1); 

반복되는 input들의 값을 처리하는 숫자부분만 연산자로 변환하면 코드가 몇줄만으로 줄어들 수 도 있을까요? 

 

</p>

<p>        $("input[name='trun1']").on('change', function() { 

            if ($(this).is(':checked')) 

                $("input[name='cnjnum1']").val("1"); 

            else

                $("input[name='cnjnum1']").val(""); 

            Chage_Money(1);

        });</p>

<p>        $("input[name='trun2']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum2']").val("1");

            else

                $("input[name='cnjnum2']").val("");

            Chage_Money(2);

        });</p>

<p>        $("input[name='trun3']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum3']").val("1");

            else

                $("input[name='cnjnum3']").val("");

            Chage_Money(3);

        });</p>

<p>        $("input[name='trun4']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum4']").val("1");

            else

                $("input[name='cnjnum4']").val("");

            Chage_Money(4);

        });</p>

<p>        $("input[name='trun5']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum5']").val("1");

            else

                $("input[name='cnjnum5']").val("");

            Chage_Money(5);

        });</p>

<p>        $("input[name='trun6']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum6']").val("1");

            else

                $("input[name='cnjnum6']").val("");

            Chage_Money(6);

        });</p>

<p>        $("input[name='trun7']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum7']").val("1");

            else

                $("input[name='cnjnum7']").val("");

            Chage_Money(7);

        });</p>

<p>        $("input[name='trun8']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum8']").val("1");

            else

                $("input[name='cnjnum8']").val("");

            Chage_Money(8);

        });</p>

<p>        $("input[name='trun9']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum9']").val("1");

            else

                $("input[name='cnjnum9']").val("");

            Chage_Money(9);

        });</p>

<p>        $("input[name='trun10']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum10']").val("1");

            else

                $("input[name='cnjnum10']").val("");

            Chage_Money(10);

        });</p>

<p>        $("input[name='trun11']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum11']").val("1");

            else

                $("input[name='cnjnum11']").val("");

            Chage_Money(11);

        });

 

        $("input[name='trun12']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum12']").val("1");

            else

                $("input[name='cnjnum12']").val("");

            Chage_Money(12);

        });</p>

<p>        $("input[name='trun13']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum13']").val("1");

            else

                $("input[name='cnjnum13']").val("");

            Chage_Money(13);

        });</p>

<p>        $("input[name='trun14']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum14']").val("1");

            else

                $("input[name='cnjnum14']").val("");

            Chage_Money(14);

        });</p>

<p>        $("input[name='trun15']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum15']").val("1");

            else

                $("input[name='cnjnum15']").val("");

            Chage_Money(15);

        });</p>

<p>        $("input[name='trun16']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum16']").val("1");

            else

                $("input[name='cnjnum16']").val("");

            Chage_Money(16);

        });</p>

<p>        $("input[name='trun17']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum17']").val("1");

            else

                $("input[name='cnjnum17']").val("");

            Chage_Money(17);

        });</p>

<p>        $("input[name='trun18']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum18']").val("1");

            else

                $("input[name='cnjnum18']").val("");

            Chage_Money(18);

        });</p>

<p>        $("input[name='trun19']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum19']").val("1");

            else

                $("input[name='cnjnum19']").val("");

            Chage_Money(19);

        });</p>

<p>        $("input[name='trun20']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum20']").val("1");

            else

                $("input[name='cnjnum20']").val("");

            Chage_Money(20);

        });</p>

<p>        $("input[name='trun21']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum21']").val("1");

            else

                $("input[name='cnjnum21']").val("");

            Chage_Money(21);

        });</p>

<p>        $("input[name='trun22']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum22']").val("1");

            else

                $("input[name='cnjnum22']").val("");

            Chage_Money(22);

        });</p>

<p>        $("input[name='trun23']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum23']").val("1");

            else

                $("input[name='cnjnum23']").val("");

            Chage_Money(23);

        });</p>

<p>        $("input[name='trun24']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum24']").val("1");

            else

                $("input[name='cnjnum24']").val("");

            Chage_Money(24);

        });</p>

<p>        $("input[name='trun25']").on('change', function() {

            if ($(this).is(':checked'))

                $("input[name='cnjnum25']").val("1");

            else

                $("input[name='cnjnum25']").val("");

            Chage_Money(25);

        });</p>

<p>

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

답변 2개

채택된 답변
+20 포인트

</p>

<p>$("input[name^='trun']").on("change", function() {

    var idx = $(this).attr("name").replace("trun", "");

    var v = $(this).is(":checked") == true ? 1 : "";

    $("input[name='cnjnum" + idx + "']").val(v);

    Chage_Money(idx);

});</p>

<p>

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

답변에 대한 댓글 1개

망이망소이
5년 전
만들어주셔서 감사합니다. ^^

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

5년 전

trun이랑 cnjum의 input에 각각 클래스를 줘서 index를 구하셔서 그 값으로 하시면 어떠실까요?

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

답변에 대한 댓글 1개

망이망소이
5년 전
답변 감사합니다.

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

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

로그인