javascript - デフォルトで追加されるチェックボックスの値

Question

チェックするとdivを表示し、チェックボックスの値を一緒に追加するコードを作成しようとしています。私はなんとかこれを思いつきましたが、チェックボックスのいくつかをチェックして、それらの値をデフォルトで一緒に追加したいと思います。チェックボックスをオンにすることはできますが、デフォルトでも値を追加する必要があります。どんな助けでも大歓迎です。これが私のコードです: a これは最初の段落
です これは2番目の段落
です これは3番目の段落です

<form name="formex">

<input onclick="clickCh(this) ; showPara()" class="classone" type="checkbox" name="one" value="10"> $10.00<br>
<input onclick="clickCh(this) ; showPara()" type="checkbox"  name="two" value="12"> $12.00<br>
<input onclick="clickCh(this) ; showPara()" type="checkbox" name="three" value="1"> $1.00<br>
<input onclick="clickCh(this) ; showPara()" type="checkbox" name="four" value="2"> $2.00<br>
<input onclick="clickCh(this) ; showPara()" type="checkbox" name="five" value="24"> $24.00<br>

<br>
<input id="total" type="text" name="total">
</form>

私のスクリプト

<script language="JavaScript" type="text/javascript">
var total = document.getElementById("total")
function clickCh(caller){
if(caller.checked){
add(caller)
} else {
subtract(caller)
}}

function add(caller){   total.value = total.value*1 + caller.value*1}
function subtract(caller){  total.value = total.value*1 - caller.value*1}


function showPara()
       {
            document.getElementById("first").style.display=(document.formex.one.checked) ? "inline" : "none";
            document.getElementById("second").style.display=(document.formex.two.checked) ? "inline" : "none";
           document.getElementById("third").style.display=(document.formex.three.checked) ? "inline" : "none";
            return true;
        }
</script>

jsFiddle: http://jsfiddle.net/TCZ6t/1/