javascript如何获取checkbox值并且计算
原理是:当页面中有多个选择框,每个框的值都不一样,当我选择中其中若干选择框,点击按钮,则弹出这些选择框的值的和。重复是:通点击按钮,然后弹出这这些选中框的值的和。希望有高...
原理是:当页面中有多个选择框,每个框的值都不一样,当我选择中其中若干选择框,点击按钮,则弹出这些选择框的值的和。重复是:通点击按钮,然后弹出这这些选中框的值的和。
希望有高手能给我写一个这样的,
声明:复制哥跟牛头不对马嘴哥不要来,不希望看到垃圾文字,伤眼又伤心! 展开
希望有高手能给我写一个这样的,
声明:复制哥跟牛头不对马嘴哥不要来,不希望看到垃圾文字,伤眼又伤心! 展开
3个回答
展开全部
你好!
写个简单的例子,如下:
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值相同的可能会有影响,这个自己把握了
写个简单的例子,如下:
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值相同的可能会有影响,这个自己把握了
展开全部
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:手写的一抖,页面关了,重新写了一遍!~~~~~郁闷
<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:手写的一抖,页面关了,重新写了一遍!~~~~~郁闷
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
给每个checkbox加个class或者name 或id
如果要选择是对象比较少的话。
比较多的话,就选input
然后你再看一下是第几何上input是你所要的。
直接document.getElementsByTagName("input")[i].value
就可以了.
如果要选择是对象比较少的话。
比较多的话,就选input
然后你再看一下是第几何上input是你所要的。
直接document.getElementsByTagName("input")[i].value
就可以了.
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询
广告 您可能关注的内容 |