gpt4 book ai didi

javascript - 如何在javascript中获取隐藏字段的数字总和?

转载 作者:行者123 更新时间:2023-11-28 01:44:05 24 4
gpt4 key购买 nike

我有一些带有“absclass”类的动态输入隐藏字段。我有数字和 这些字段中的字符。 我想得到javascript中数字的总和。我已经写了如下,那就是
不工作。

  $(document).ready(function() {
$('#btn').live('click', function(e) {
e.preventDefault();
var sum = 0;
$('.absclass').each(function() {
sum += Number($(this).val());
});
$("#sum").html(sum);
});
});

请告诉我为什么它不起作用?

编辑:HTML 代码

<td><input type="hidden" class="absclass" id="txtsp<?php echo $p; ?>" value=""/></td>

下面是脚本。在单击此按钮时,我将值传递给隐藏字段,并且
同时获取它们的总和。这样只有值传递到字段,但是当我去

第二次点击,总和就出来了。

        <script>
var arr = new Array();
$(document).ready(function() {
$('#btn').on('click', function(e) {
e.preventDefault();
var txt1 = $('#txt1').val();
var txt2 = $('#txt2').val();
var txt3 = $('#txt3').val();
var txt4 = $('#txt4').val();
var txt5 = $('#txt5').val();
var txt6 = $('#txt6').val();
var textbox1 = $('#textbox1').val();
var textbox2 = $('#textbox2').val();
var textbox3 = $('#textbox3').val();
var textbox4 = $('#textbox4').val();
var textbox5 = $('#textbox5').val();
var textbox6 = $('#textbox6').val();
$.post("matchanswers.php", {"txt1": txt1, "txt2": txt2, "txt3": txt3, "txt4": txt4, "txt5": txt5, "txt6": txt6, "textbox1": textbox1, "textbox2": textbox2, "textbox3": textbox3, "textbox4": textbox4, "textbox5": textbox5, "textbox6": textbox6}, function(data) {
var obj = $.parseJSON(data);
<?php for ($k = 0; $k < 6; $k++) { ?>
$('#txtspan<?php echo $k; ?>').html(obj[<?php echo $k; ?>]);
$('#txtsp<?php echo $k; ?>').val(obj[<?php echo $k; ?>]);
// $(".hide").css( "display", "block");
// $(".answertext").css( "display", "none");
<?php } ?>
});
var sum = 0;
$('.absclass').each(function() {
var val = Number($(this).val());
if (!isNaN(val)) {
sum += val;
}
});
$("#sum").html(sum);
});
});
</script>

最佳答案

.live() 方法已弃用 (jQuery 1.7)。使用 .on() 代替。

<!doctype html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery.min.js"></script>
</head>
<body>
<form>
<input type="button" value="btn" id="btn">
<input type="hidden" value="1" class="absclass">
<input type="hidden" value="2" class="absclass">
<input type="hidden" value="3" class="absclass">
<input type="hidden" value="4" class="absclass">
<input type="hidden" value="5" class="absclass">
</form>
<div>Total: <span id="sum"></span></div>
<script>
$(document).ready(function() {
$('#btn').on('click', function(e) {
e.preventDefault();
var sum = 0;
$('.absclass').each(function() {
sum += Number($(this).val());
});
$("#sum").html(sum);
});
});
</script>
</body>
</html>

关于javascript - 如何在javascript中获取隐藏字段的数字总和?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20541174/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com