87,917
社区成员
发帖
与我相关
我的任务
分享求一个input值相加的 办法
在一页面
有input控件多个 type="text"
如pf_sum、pfa、pfb、pfc、
cz_sum、cza、czb、czc、czd、
现在要让
pf_sum的值等于pfa、pfb、pfc三个控件的值相加，
cz_sum的值等于cza、czb、czc、czd四个控件的值相加
在实际情况中，控件ID没有相同的、可归类的特征（如pf 、cz这样的特征）
有input控件多个 type="text"
如pf_sum、pfa、pfb、pfc、
cz_sum、cza、czb、czc、czd、
现在要让
pf_sum的值等于pfa、pfb、pfc三个控件的值相加，
cz_sum的值等于cza、czb、czc、czd四个控件的值相加
在实际情况中，控件ID没有相同的、可归类的特征（如pf 、cz这样的特征）
...全文
请发表友善的回复…
发表回复
学城 2015-09-15
- 打赏
- 举报
同时可以通过jquery id 模糊匹配的 方式 处理。
如
var pfsum= 0.0;
$("[id*=pf]").each(function () {
pfsum+= parseFloat($(this).val());
});
娃都会打酱油了 2015-09-15
- 打赏
- 举报
如果不能加任何东西，手工一个个相加写吧，如果可以加其它标志位，那如1L就可以，但我一般习惯加特殊标志
比如
data-sum-type="pz"
dolphinpan 2015-09-15
- 打赏
- 举报
额你好厉害的样子
liusaint1992 2015-09-14
- 打赏
- 举报
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>test</title>
<style type="text/css">
input{
width: 200px;
height: 30px;
margin-top: 5px;
}
</style>
</head>
<body>
<script src="jq/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
function submit () {
var pf_sum = 0;
$("input[class^='pf']").each(function(){ //遍历每一个class名以pf开头的input.
pf_sum += parseInt($(this).val());
})
alert('pf_sum=' + pf_sum);
var cz_sum = 0;
$("input[class^='cz']").each(function(){
cz_sum += parseInt($(this).val());
})
alert('cz_sum =' + cz_sum);
}
</script>
<input type="text" class="pfa">
<br>
<input type="text" class="pfb">
<br>
<input type="text" class="pfc">
<br>
<input type="text" class="cza" style="margin-top:20px;">
<br>
<input type="text" class="czb">
<br>
<input type="text" class="czc">
<br>
<input type="text" class="czd">
<br>
<input type="button" value="提交" onclick="submit();">
</body>
</html>
香蕉猪 2015-09-14
- 打赏
- 举报
jq，获取，，赋值。。。yongwei42 2015-09-14
- 打赏
- 举报
不错的啊。。。。。。。。。。。
tjiseweird 2015-09-14
- 打赏
- 举报
pf_sum的值等于pfa、pfb、pfc三个控件的值相加
你可以给这样的标签加一个并不存在的class,比如class="pfsum"
然后
var pfsum= 0.0;
$(".pfsum").each(function () {
pfsum+= parseFloat($(this).text());
});
就能取到值的和了
如果那个class都没法控制的话，那等论坛的高人来解答吧。
