javascript如何获取checkbox值并且计算

原理是:当页面中有多个选择框,每个框的值都不一样,当我选择中其中若干选择框,点击按钮,则弹出这些选择框的值的和。重复是:通点击按钮,然后弹出这这些选中框的值的和。希望有高... 原理是:当页面中有多个选择框,每个框的值都不一样,当我选择中其中若干选择框,点击按钮,则弹出这些选择框的值的和。重复是:通点击按钮,然后弹出这这些选中框的值的和。
希望有高手能给我写一个这样的,
声明:复制哥跟牛头不对马嘴哥不要来,不希望看到垃圾文字,伤眼又伤心!
展开
 我来答
百度网友a7339fa40
2011-11-28 · TA获得超过703个赞
知道小有建树答主
回答量:389
采纳率:0%
帮助的人:244万
展开全部
你好!
写个简单的例子,如下:
html页面部分:
<input type="checkbox" value="1" name="check"/>1
<input type="checkbox" value="2" name="check"/>2
<input type="checkbox" value="3" name="check"/>3
<input type="checkbox" value="4" name="check"/>4
<input type="checkbox" value="5" name="check"/>5
<input type="button" value="求和" onclick="Math_Click()"/>
JS部分:
<script type="text/javascript">
function Math_Click(){
var rusult=0;
var check_array=document.getElementsByName("check");
for(var i=0;i<check_array.length;i++)
{
if(check_array[i].checked==true)
{
rusult=parseInt(rusult)+parseInt(check_array[i].value);
}
}
alert(rusult);
}
</script>
原理是把所有的checkbox的name值设为一样,然后查出所有的进行遍历,判断是否是选中状态然后再相加,需注意的是,页面其他标签如果有name值相同的可能会有影响,这个自己把握了
zhaotao_king
2011-11-28 · TA获得超过2455个赞
知道大有可为答主
回答量:863
采纳率:0%
帮助的人:1147万
展开全部
html页面
<input type="button" onclick="cs()" value="测试"><br/>
<input type="checkbox" id="kee" name="fxk" value="1"><br/>
<input type="checkbox" id="kee" name="fxk" value="2"><br/>
<input type="checkbox" id="kee" name="fxk" value="3"><br/>

javascript
function cs() {
var ch = document.getElementsByName("fxk"); //通过name获取复选框
var sum = 0;
for(var i=0; i<ch.length; i++){
if(ch[i].checked == true){
alert("选中" + ch[i].value); //获取复选框的值
sum += parseInt(ch[i].value); //求和
}
}
alert(sum);

}

有问题可百度Hi我!~good luck!
PS:手写的一抖,页面关了,重新写了一遍!~~~~~郁闷
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
桂哥的点滴
2015-06-27 · 关注教育,产品,互联网,个人成长。
桂哥的点滴
采纳数:1042 获赞数:2173

向TA提问 私信TA
展开全部
给每个checkbox加个class或者name 或id
如果要选择是对象比较少的话。

比较多的话,就选input
然后你再看一下是第几何上input是你所要的。

直接document.getElementsByTagName("input")[i].value
就可以了.
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式