javascript - 处理外部 Javascript 中的单选按钮

Question

我有一个包含三个单选按钮的页面，如下所示:

我想做到这一点，以便当单击这些按钮之一时，元素的字体大小会发生如下变化:

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

在 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>