重点是 lable 标签
<script language=javascript>function check(){
var cbx = document.getElementsByName("cbx")
for(var i=0i<cbx.lengthi++){
if(cbx[i].checked==true){
eval("show"+cbx[i].value).style.display=""
}else{
eval("show"+cbx[i].value).style.display="none"
}
}
}
</script>
<html>
<body>
<input type=checkbox id="cbx" name="cbx" onClick="check()" value=1>
<span id="show1" style="display:none">1</span>
<input type=checkbox id="cbx" name="cbx" onClick="check()" value=2>
<span id="show2" style="display:none">2</span>
</body>
</html>
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>zhidao</title>
</head>
<body>
<p><input type="checkbox" value="1" checked><span>1</span></p>
<p><input type="checkbox" value="2"><span>2</span></p>
<p><input type="checkbox" value="3"><span>3</span></p>
共计：<span id="all"></span>
<script type="text/javascript">
var allinput=document.getElementsByTagName('input')
var all=document.getElementById("all")
function getNextElement(node){
if(node.nextSibling.nodeType == 1){//判断下一个节点类型为1则是“元素”节点
return node.nextSibling
}
if(node.nextSibling.nodeType == 3){ //判断下一个节点类型为3则是“文本”节点 ，回调自身函数
return getNextElement(node.nextSibling)
}
return null
}
for(var i=0i<allinput.lengthi++)
{
if(allinput[i].checked)
{
console.log(allinput[i])
all.innerHTML+=allinput[i].value
}
allinput[i].onclick=function()
{
var _this=this
if(_this.checked==true)
{
console.log(_this)
all.innerHTML =parseInt(all.innerHTML,10)+parseInt(getNextElement(_this).innerHTML,10)
}
else
{
console.log(_this)
all.innerHTML =parseInt(all.innerHTML,10)-parseInt(getNextElement(_this).innerHTML,10)
}
}
}
</script>
</body>
</html>
获取下一个span的innerHTML来判断转化，把里面的值转化为十进制整数，再相加
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）