Javascript 使用jquery从html选择框计算rel数
也许是最简单的问题,但它让我忙了好几个小时。 最近,我试图学习更多的jquery 我制作了两个带有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")
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') );
});