레일 : 동적으로 내 양식 내 new.html.erb에서

Question

을 계산 값을 표시, 나는 다음과 같습니다 내 자바 스크립트 파일에서

<%= hidden_field :shipping_charges %> 
<%= label_tag :rush_shipment, "Rush My Shipment" %>> 
<%= check_box_tag :rush_shipment, :checked => false, :onclick => "add_rush_shipment_charges()" %> 

    <p>My Shipping charges: <span id="shipping_charges"></span> 

, 나는 다음과 같은 한 :

function add_rush_shipment_charges() 
{ 
    document.getElementById('shipping_charges').value = 25; 
} 

체크 박스를 클릭하면 배송료를 지불 한 후 25가 표시되지만 아무 것도 나타나지 않습니다. 어떤 아이디어.

편집 : 나는 대답 # 1에서 얻은 정보를 반영하기 위해 질문을 편집 할 수 있지만 난 아직 아무것도보고 있지 않다

참고. 당신이 원하는 경우 지금

Answer 1

귀하의 체크 박스 태그가 올바르지 않습니다 :

<%= check_box_tag :rush_shipment, :checked => false, :onclick => "add_rush_shipment_charges()" %> 

은 다음과 같아야합니다

<%= check_box_tag :rush_shipment, "yes", false, :onclick => "add_rush_shipment_charges()" %> 

당신은 자바 스크립트 방법은 클릭에 호출되지 않습니다 것을 해결까지

. 당신이 이러한 범위로, 표준 DOM 설정할 수 없습니다로

는

자바 스크립트 방법은 당신이 (더 크로스 브라우저 지원을위한 jQuery의 .html() 방법을 사용, 또는 더 나은) innerHTML을 사용해야합니다 .value를 사용하여, 하나 정확하지 :

function add_rush_shipment_charges() 
{ 
    document.getElementById('shipping_charges').innerHTML = '25'; 
} 

Answer 2

Where you want to show the shipping charges? Lets assume your view is like: 
<%= hidden_field :shipping_charges %> 
<%= label_tag :rush_shipment, "Rush My Shipment" %>> 
<%= check_box_tag :rush_shipment, :checked => false, :onclick => "add_rush_shipment_charges()" %> 
<h3> You shipping charges are: <span id="total_shipping"></span</h1> 

, 선박의 총 비용을 계산 한 후, 당신은 단지 지금 스팬에게

function calculate_total_costs(){ 
    //cost calculation logics 
    document.getElementById('total_shipping').value = TOTAL_COSTS 
} 

를 업데이트하는 기능 calculate_total_costs()를 호출!