자바 스크립트에서 이름 대신 요소 ID에서 값 가져 오기

Question

동일한 일련의 이름에서 값을 얻으면 잘 작동하는 자바 스크립트 라인이 있습니다. 하지만 나중에 각 값이 다른 페이지로 전달되어 어떤 값이 속하는 것인지를 구분하고자 할 때 문제가 발생합니다. 그래서 질문은 스크립트가 'name'에서 'id'로 값을 계산하는 방식을 어떻게 바꿀 수 있는가하는 것입니다.

<script type="text/javascript"> 
    //auto commas 
    function doThousands(n) { 
     n = '' + n; 
     if (n.length < 4) return n; 
     var c = n.length % 3; 
     var pre = n.substring(0, c); 
     return pre + (pre.length? ',' : '') + n.substring(c).match(/\d{3}/g).join(','); 
    } 
//sub total 
    function checkTotal() { 
     document.cc_form.total.value = ''; 
     var sum = <?=$days*$_rate*$_rooms?>; 
     for (i=0;i<document.cc_form.cost.length;i++) { 
      if (document.cc_form.cost[i].checked) { 
       sum = sum + parseInt(document.cc_form.cost[i].value); 
       } 
      }document.cc_form.total.value = doThousands(sum); 
     } 
    </script> 

그리고 이것은 HTML입니다 : 아래의 코드로

<form name="cc_form" id="cc_form" method="post" action="/"> 
<label for="transfer1"><input type="checkbox" id="transfer1" name="cost" value="800" autocomplete="off" onchange="checkTotal()" />&nbsp;Taxi (800 THB | 2 pax)</label><br /> 
<label for="transfer2"><input type="checkbox" id="transfer2" name="cost" value="1200" autocomplete="off" onchange="checkTotal()" />&nbsp;Mini Van (1,200 THB | 6 pax)</label><br /> 
<label for="xbed"><input type="checkbox" id="xbed" name="cost" value="1200" autocomplete="off" onchange="checkTotal()" />&nbsp;Extra Bed (1,200 THB)</label><br /> 
<input type="text" id="total" name="total" /> 

</form> 

Answer 1

document.getElementByIdhttp://www.w3schools.com/jsref/met_doc_getelementbyid.asp