gpt4 book ai didi

javascript - 使用 javascript 添加和乘以单选按钮值

转载 作者:行者123 更新时间:2023-11-28 08:50:35 26 4
gpt4 key购买 nike

我有一个我开发的调查表并放在 jsfiddle http://jsfiddle.net/tMUJT/

$('input:radio').change(function(){ 
var tot=0;
$('input:radio:checked').each(function(){
tot+=parseInt($(this).val());
});
tot+=parseInt($('#more').val());
$('#usertotal').html(tot)
});

$('#more').change(function(){
$('input:radio').trigger('change');
});

每个 radio 输入的值为 1。

我需要在每列下方显示每列的总和,然后根据以下计算显示最终总和:

第 1 列总计 x 0 + 第 2 列总计 x 1 + 第 3 列总计 x 2 + 第 4 列总计 x 3 + 第 5 列总计 x 4 =

我尝试重新利用许多脚本,但就是无法让它工作 - 我的 js 技能不是很好。如果有人可以帮助我让它在 jsfiddle 中工作,我将非常感激。谢谢!

最佳答案

http://jsfiddle.net/3qh8D/1/

我喜欢使用html5 data attributes对于这种事情。你可以随意调用它,但我使用了data-factor(实际上weight会更有意义)。我认为最好将其放入标记中。这样,当您生成标记时,您可以将要查找的值直接绑定(bind)到 HTML 中,而不是在代码中的某处进行某种映射,表示“此 css 类等于 1,此 css 类等于” 2"等

<td bgcolor="#00CC66"><input type="radio" data-factor='1' name="checkbox" id="checkbox1" value="1"></td>
<td>On shelf</td>
<td bgcolor="#FFFF33"><input type="radio" data-factor='2' name="checkbox" id="checkbox2" value="1"></td>
<td>No</td>
<td bgcolor="#fba459"><input type="radio" data-factor='3' name="checkbox" id="checkbox3" value="1"></td>
<td class="dots">&nbsp;</td>

然后,每当单选按钮之一发生变化时,您只需滚动所有选中的输入并将数据因子值相加即可。

// column1 total x 0 + column2 total x 1 + column3 total x 2 + column4 total x 3 + column5 total x 4 =

$(':input[type=radio]').change(function() {
var $inp, factor, inp, inputs, total, _i, _len;
total = 0;
inputs = $('input[type=radio]:checked');
for (_i = 0, _len = inputs.length; _i < _len; _i++) {
inp = inputs[_i];
$inp = $(inp);
factor = $inp.attr('data-factor') || 0;
total += +factor;
}
return $('#totalValue').text("Total value:" + total);
});

( fiddle 在 CoffeeScript 中,因为我发现它更具可读性)

关于javascript - 使用 javascript 添加和乘以单选按钮值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19188240/

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