Javascript 使用jquery从html选择框计算rel数

Javascript 使用jquery从html选择框计算rel数,javascript,jquery,html,Javascript,Jquery,Html,也许是最简单的问题,但它让我忙了好几个小时。 最近,我试图学习更多的jquery 我制作了两个带有rel属性的选择框。 在这里你可以找到一个号码 比如说 <input type="checkbox" rel="600"> <input type="checkbox" rel="1200"> 上面的内容让我觉得已经结束了,但它一直在说6001200。您需要将返回的rel值解析为一个整数来执行算术运算: $("input[type='checkbox']:checked")

也许是最简单的问题,但它让我忙了好几个小时。 最近,我试图学习更多的jquery

我制作了两个带有
rel
属性的选择框。 在这里你可以找到一个号码

比如说

<input type="checkbox" rel="600">
<input type="checkbox" rel="1200">

上面的内容让我觉得已经结束了,但它一直在说6001200。

您需要将返回的
rel
值解析为一个整数来执行算术运算:

$("input[type='checkbox']:checked").each(function() {
    modules += parseInt( $(this).attr('rel') ); 
});
但首先,您需要附加一个触发计算的更改事件

注意:我建议使用
数据-*
属性,如下面的示例所示

$(“输入[type='checkbox'])。在('change',function()上{
var模=0;
$(“输入[type='checkbox']:选中”)。每个(函数(){
modules+=parseInt($(this.data('rel'));
});
控制台日志(模块);
});

您当前正在连接字符串-首先将它们转换为数字:

var模块=0;
$(“输入[type='checkbox']:选中”)。每个(函数(){
modules+=parseInt($(this.attr('rel'));
});
控制台日志(模块)

你是我的英雄,答案似乎很简单,但却让我忙了好几个小时。非常感谢。它现在确实起作用了。
$("input[type='checkbox']:checked").each(function() {
    modules += parseInt( $(this).attr('rel') ); 
});