我使用fiddle.com网站制作了JavaScript代码。但是,在小提琴中,我只能通过使用
来使其工作没有包裹(身体)
选项。我不确定这个选项是做什么的。小提琴的链接是here。我将此脚本添加到我的Blogger博客中,但它不起作用。
function getTotal(){
var form = document.theForm;
var inputs = form.getElementsByTagName('input');
var length = inputs.length;
var total = '0';
for (i = 0; i<length-1; i++){
if(inputs[i].type == 'radio'){
var checked = inputs[i].checked?1:0;
if(checked){
var value = inputs[i].value.split("~~")[0];
total -= -value;
}
}
}
document.getElementById('totalspan').innerHTML="Toplam Fiyat: "+ total + " tl"
total='0';
}
该脚本用于计算选择的总价。你可以在小提琴中看到它。另外,我在Blogger上有它,但正如我所说它不起作用。
我的博客链接是here。
答案 0 :(得分:2)
no wrap (body)
表示您的脚本将插入script
标记内的新body
标记中,no wrap (head)
表示您的脚本将插入新的script
head
内的标记。您可以在jsFiddle help
其他选项会将您的JS代码包装在特定的DOM事件处理程序中(onLoad
和onDomReady
)
您网站上的脚本错误告诉我calculateTotal is not defined
,所以请检查您的命名。
为什么在计算总数时会使用字符串?您可以安全地使用本机JS parseInt
功能。
使用表单click
事件的另一点是错误的,您应该使用输入的change
事件。
最简单的选择是使用jQuery,如下所示:
$('[name="CPU"], [name="OperatingSystem"], [name="Case"]').on('change', updateTotal);
function updateTotal {
var total = 0;
// calculate your total here
$('#totalspan').text(total);
}
请检查我的5分钟小提琴:http://jsfiddle.net/GDXuS/5/
您还可以使用data-
属性来存储价格或任何其他数据(请参阅jQuery site)。
我建议你学习一些编程语言。