写一个JS,实现当点击check时,计算值显示出来,再点一个check时又计算。
<p>
<input type="checkbox" name="checkbox3" id="checkbox3" />
全选
<label>
<input type="text" name="textfield3" id="textfield3" />
</label>
</p>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="checkbox" name="checkbox" id="checkbox" onclick="c()"/>
</label>
<label>
<input name="textfield" type="text" id="textfield" value="1" />
</label>
<p>
<label>
<input type="checkbox" name="checkbox2" id="checkbox2" />
</label>
<label>
<input name="textfield2" type="text" id="textfield2" value="2" />
</label>
</p>
</form>
<p> </p>
<p>
<input type="checkbox" name="checkbox3" id="checkbox3" />
全选
<label>
<input type="text" name="textfield3" id="textfield3" />
</label>
</p>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="checkbox" name="checkbox" id="checkbox" onclick="c()"/>
</label>
<label>
<input name="textfield" type="text" id="textfield" value="1" />
</label>
<p>
<label>
<input type="checkbox" name="checkbox2" id="checkbox2" />
</label>
<label>
<input name="textfield2" type="text" id="textfield2" value="2" />
</label>
</p>
</form>
<p> </p>
<input type=text id='jia' value=''>
<script>
function c(){
//jia.value=textfield.value+textfield2.value; //字符串加
jia.value=parseInt(textfield.value)+parseInt(textfield2.value); //数字加
}
</script>
<script type="text/javascript">
function c(){
var sum = 0;
for(var i=1;i<3;i++){
if(document.getElementById("checkbox" + i).checked){
var v = document.getElementById("textfield" + i).value;
if(v=="" || isNaN(v)) v = 0;
v = parseFloat(v);
sum += v;
}
}
sum = Math.round(sum * 10000)/10000;
document.getElementById("textfield3").value = sum;
}
function sa(obj){
for(var i=1;i<3;i++){
document.getElementById("checkbox" + i).checked = obj.checked;
}
c();
}
</script>
</head>
<p>
<input type="checkbox" name="checkbox3" id="checkbox3" onclick="sa(this);"/>
全选
<label>
<input type="text" name="textfield3" id="textfield3" value="0"/>
</label>
</p>
<form id="form1" name="form1" method="post" action="">
<label>
<input type="checkbox" name="checkbox1" id="checkbox1" onclick="c()"/>
</label>
<label>
<input name="textfield1" type="text" id="textfield1" value="1" />
</label>
<p>
<label>
<input type="checkbox" name="checkbox2" id="checkbox2" onclick="c()"/>
</label>
<label>
<input name="textfield2" type="text" id="textfield2" value="2" />
</label>
</p>
</form>