與單選按鈕買賣外部JavaScript

Question

所以我有三個單選按鈕的頁面，因爲這樣的

我想使它所以當點擊這些按鈕中的一個，的字體大小元素的變化，因此

$("viewer").style.fontSize = "5pt"; 

這是相當straigtwardward在JavaScript中做這與三個獨立的功能。類似下面的應該工作，雖然我還沒有測試它

window.onload = function() { 
    $("small").onclick = small; 
    $("medium").onclick = medium; 
} 

function small(){ 
    $("viewer").style.fontSize = "5pt"; 
} 

function medium(){ 
    $("viewer").style.fontSize = "15pt"; 
} 

有什麼辦法可以將這些合併成一個更大的功能？

Answer 1

<input type="radio" name="size" value="small">Small 
<input type="radio" name="size" value="medium">Medium 
<input type="radio" name="size" value="large">Large 

<script> 
$('input[name=size]').click(function() 
{ 
    var clickedVal = $(this).val(); 
    var size = 5; 

    switch (clickedVal) 
    { 
     case 'small': 
      size = 5; 
     break; 

     case 'medium': 
      size = 10; 
     break; 

     case 'large': 
      size = 15; 
     break; 
    } 

    $('#viewer').css('fontSize', size + 'pt'); 
} 
</script> 

Answer 2

function changeSize(size, elem){ 
    elem.css('font-size', size); 
} 

Answer 3

<input type="radio" name="size" value="5">Small 
<input type="radio" name="size" value="15">Medium 
<input type="radio" name="size" value="25">Large 
<input type="radio" name="size" value="35">Super Big 

<script> 
$('input[name=size]').click(function() { 
    $('#viewer').css('fontSize', $(this).val() + 'pt'); 
} 
</script> 

您可以添加更多的尺寸新的單選按鈕，無需改劇本。