javascript - 默认添加复选框值

Question

我正在尝试编写一个代码，在选中时显示 div，并将复选框的值添加在一起。我已经设法想出这个方法，但现在我想选中一些复选框并将它们的值默认添加到一起。我可以选中该复选框，但是，我还需要默认添加该值。任何帮助，将不胜感激。这是我的代码: A 这是第一段
这是第二段
这是第三段

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

Answer 1

您应该能够将属性“checked”添加到标记的末尾，以使其默认处于检查状态。换句话说，如果我希望默认检查 10 美元，我只需将标签更改为:

<input checked onclick="clickCh(this) ; showPara()" class="classone" type="checkbox" name="one" value="10" checked> $10.00<br>