스크립트 반복을 줄이는 방법이 있을까요?
본문
아래 4개의 속성들이 숫자부분이 1~25까지만 반복됩니다.
input[name='trun1']
input[name='cnjnum1']
input[name='cnjnum1']
Chage_Money(1);
반복되는 input들의 값을 처리하는 숫자부분만 연산자로 변환하면 코드가 몇줄만으로 줄어들 수 도 있을까요?
$("input[name='trun1']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum1']").val("1");
else
$("input[name='cnjnum1']").val("");
Chage_Money(1);
});
$("input[name='trun2']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum2']").val("1");
else
$("input[name='cnjnum2']").val("");
Chage_Money(2);
});
$("input[name='trun3']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum3']").val("1");
else
$("input[name='cnjnum3']").val("");
Chage_Money(3);
});
$("input[name='trun4']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum4']").val("1");
else
$("input[name='cnjnum4']").val("");
Chage_Money(4);
});
$("input[name='trun5']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum5']").val("1");
else
$("input[name='cnjnum5']").val("");
Chage_Money(5);
});
$("input[name='trun6']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum6']").val("1");
else
$("input[name='cnjnum6']").val("");
Chage_Money(6);
});
$("input[name='trun7']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum7']").val("1");
else
$("input[name='cnjnum7']").val("");
Chage_Money(7);
});
$("input[name='trun8']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum8']").val("1");
else
$("input[name='cnjnum8']").val("");
Chage_Money(8);
});
$("input[name='trun9']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum9']").val("1");
else
$("input[name='cnjnum9']").val("");
Chage_Money(9);
});
$("input[name='trun10']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum10']").val("1");
else
$("input[name='cnjnum10']").val("");
Chage_Money(10);
});
$("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);
});
$("input[name='trun13']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum13']").val("1");
else
$("input[name='cnjnum13']").val("");
Chage_Money(13);
});
$("input[name='trun14']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum14']").val("1");
else
$("input[name='cnjnum14']").val("");
Chage_Money(14);
});
$("input[name='trun15']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum15']").val("1");
else
$("input[name='cnjnum15']").val("");
Chage_Money(15);
});
$("input[name='trun16']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum16']").val("1");
else
$("input[name='cnjnum16']").val("");
Chage_Money(16);
});
$("input[name='trun17']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum17']").val("1");
else
$("input[name='cnjnum17']").val("");
Chage_Money(17);
});
$("input[name='trun18']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum18']").val("1");
else
$("input[name='cnjnum18']").val("");
Chage_Money(18);
});
$("input[name='trun19']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum19']").val("1");
else
$("input[name='cnjnum19']").val("");
Chage_Money(19);
});
$("input[name='trun20']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum20']").val("1");
else
$("input[name='cnjnum20']").val("");
Chage_Money(20);
});
$("input[name='trun21']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum21']").val("1");
else
$("input[name='cnjnum21']").val("");
Chage_Money(21);
});
$("input[name='trun22']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum22']").val("1");
else
$("input[name='cnjnum22']").val("");
Chage_Money(22);
});
$("input[name='trun23']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum23']").val("1");
else
$("input[name='cnjnum23']").val("");
Chage_Money(23);
});
$("input[name='trun24']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum24']").val("1");
else
$("input[name='cnjnum24']").val("");
Chage_Money(24);
});
$("input[name='trun25']").on('change', function() {
if ($(this).is(':checked'))
$("input[name='cnjnum25']").val("1");
else
$("input[name='cnjnum25']").val("");
Chage_Money(25);
});
답변 2
$("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);
});
trun이랑 cnjum의 input에 각각 클래스를 줘서 index를 구하셔서 그 값으로 하시면 어떠실까요?
답변을 작성하시기 전에 로그인 해주세요.