仅在选中时调用复选框

问题描述 投票:0回答:2

我有一个用按钮切换的复选框,但我还需要将它的值添加到方程式中,只要检查它。我现在得到的是这个,但无论是否选中复选框,它都会添加

<html>
<head>
<script language=javascript>
function validate(chk){
  if (chk.checked == 1)
    chk.checked = 0;
  else
    chk.checked = 1; 
}
</script>

<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
</head>
<body>
<form name="myform">
<input type="checkbox" name="ghj" id="ghj" value="100000">testing sheep<br>
<input type="button" class="button-primary widget-control-save" name="Check_All" value="Check All" onmouseout="compute(this.form)" onClick="validate(ghj)">
<input type="text" id="rslt" name="rslt">
</form>
<script type="text/javascript">
<!-- hide this script from old browsers
function compute(form)
{
var test = parseInt(document.getElementById('ghj').value, 10) || 0;
f = (test + 10);

document.getElementById('rslt').value = f;
}

// done hiding from old browsers -->
</script>
</body>
</html>

if ... else语句可能有效,但如果我有一个更长的形式,意味着数百种可能性,我想要一个更有效的方式..

javascript forms math checkbox
2个回答
1
投票

如果您只想计算选中的复选框。然后做这样的事情

function compute(frm){
    var test = 0;
    for(var i = 0; i < frm.elements.length; i++){
        if(frm.elements[i].type == 'checkbox'){
            if(frm.elements[i].checked){ //Do something if checkbox is checked
                test += parseInt(frm.elements[i].value);
            }
        }
    }
    document.getElementById('rslt').value = test;

}

请参阅示例代码jsfiddle.net/5u5TH


1
投票

我花了一点时间弄清楚你在问什么,但我想你想做这样的事情:

function compute(form)
{
  var checkbox = document.getElementById('ghj');
  if(checkbox.checked) {
    var test = parseInt(checkbox.value, 10) || 0;
    f = (test + 10);
    document.getElementById('rslt').value = f;
  }
}
© www.soinside.com 2019 - 2024. All rights reserved.