Javascript и HTML - OnClick

Question

Предположим, у меня есть следующий код, который создает два переключателя:

<li id="foli517"  class="  "> 
<label class="desc" id="shippingChoice" for="Field517_0"> 
    Shipping Options 
     </label> 
<div> 
<input id="shippingChoice" name="Field517" type="hidden" value="" /> 
    <span> 
<input id="shipping1"  name="Field517"   type="radio"  class="field radio"   value="$2.00 Shipping Fee"  tabindex="13"      checked="checked"      /> 
<label class="choice" for="Field517_0"  > 
    $2.00 Shipping Fee</label> 
    </span> 
    <span> 
<input id="Field517_1"  name="Field517"   type="radio"  class="field radio"   value="I will pick up the items (free shipping)"  tabindex="14"        /> 
<label class="choice" for="Field517_1"  > 
    I will pick up the items (free shipping)</label> 
    </span> 
    </div> 
</li> 

Как бы я реализую Javascript функция OnClick, которая обновляет внутренний HTML в пролете с идентификатором «mySpan» с слово «БЕСПЛАТНО» при нажатии 2-го переключателя и «НЕ БЕСПЛАТНО» в противном случае?

document.getElementById(WHAT GOES HERE).onclick = function() { 
    //what goes here? 
}; 

Answer 1

document.getElementById('foli517').onchange = function(e) { 
    var e = e || event; 
    var target = e.target || e.srcElement; 
    var span = document.getElementById('mySpan'); 
    var span2 = document.getElementById('mySpan2'); 

    if (target.type === "radio") { 
     span.innerHTML = (target.id === "Field517_1") ? "FREE" : "NOT FREE"; 
    } 
    if (target.type === "checkbox") { 
     span2.innerHTML = "Is it checked? " + target.checked; 
    } 
}; 

Пример:http://jsfiddle.net/pEYnm/2/

Answer 2

Я бы добавил onclick = "setSpan ('FREE');" и onclick = "setSpan ('NOT FREE');" в HTML соответствующих переключателей, затем добавьте функцию javascript, как показано ниже, которая устанавливает HTML диапазона.

function setSpan(text) { 
    document.getElementById('mySpan').innerHTML = text; 
} 

Answer 3

Пожалуйста, проверьте Working code of Radio button on click!