如果选中复选框,请添加数字 [英] add numbers if checkbox is checked

查看:158
本文介绍了如果选中复选框,请添加数字的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

<!DOCTYPE html>
<html>
<head>
<style>
table, th, td {
  font-family: calibri;
  border: 1px solid blue;
  border-collapse: collapse;
  }
#one {
  width: 40px;    
  }
#two {
  width: 200px;
}
#three {
  width: 60px;
}
</style>
<script language="javascript" type="text/javascript">
function my() {
  var obj = document.getElementById("t");
  var n = obj.getElementsByTagName("input")
  var m = ""
  for (var i = 0; i < n.length; i++) {
    if (n[i].checked) {
      var y += n[i+1].value;
      alert(y)
    }
  }  
  ;
}
</script>
</head>
<body>
<table border = 1 id="t">
  <tr>
    <th id="one" align="center"><input type="checkbox" name="chkbox"  /></th>
    <th id="two">Name</th>
    <th id="three">Amount</th>
  </tr>
  <tr>
    <td align="center"><input type="checkbox" name="chkbox"  /></td> 
    <td align="center">Venkata Chary Padala</td>
    <td align="center"><input type="text" name="txtbox" value=""  /></td>
  </tr>
  <tr>
    <td align="center"><input type="Checkbox" name="chkbox"  /></td> 
    <td align="center">Vasantha Padala</td>
    <td align="center"><input type="text" name="txtbox" /></td>
  </tr>
  <tr>
    <td align="center"><input type="checkbox" name="chkbox" /></td> 
    <td align="center">Rachana Padala</td>
    <td align="center"><input type="text" name="txtbox" /></td>
  </tr>
  <tr>
    <td align="center"><input type="checkbox" name="chkbox"  /></td> 
    <td align="center">Shyamala Padala</td>
    <td align="center"><input type="text" name="txtbox" /></td>
  </tr>
  <tr>
    <td align="center"><input type="checkbox" name="chkbox"  /></td> 
    <td align="center">Narayana Padala</td>
    <td align="center"><input type="text" name="txtbox" /></td>
  </tr>
  <tr>
    <td align="center"><input type="checkbox" name="chkbox"  /></td> 
    <td align="center">Shravan Padala</td>
    <td align="center"><input type="text" name="txtbox" /></td>
  </tr>
</table>
<input type="button" name="txtbox" value="Click For Total" onclick="my()" />
</body>
</html>



i以上代码需要添加数字,如果选中复选框,但它不按照有意的方式工作。

任何人都可以帮助哪里出错?


i have above code its need add numbers if checkbox is checked, but its not working as inteded.
can anybody help where making wrong?

推荐答案

参见上的答案请告诉我我在代码中出错的地方 [ ^ ]。


很多小错误带你做完

句子完成后总是加分号。

和添加整数时使用parseInt函数

many small mistakes you did
always put semicolon when a sentence is complete.
and when adding integer use parseInt function
<script language="javascript" type="text/javascript">
function my() 
{
  var obj = document.getElementById("t");
  var n = obj.getElementsByTagName("input");
  var total = 0;
  for (var i = 0; i < n.length; i++) 
  {
    if (n[i].checked) 
    {
       var amt = parseInt(n[i+1].value, 0);
       if(!isNaN(amt)) 
       {
          total += amt;
       }
    }
  }  
  if ( total > 0)
    alert(total);
}
</script>



快乐编码!

:)


Happy Coding!
:)


这篇关于如果选中复选框,请添加数字的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆