我想总结来自按钮和href的2个输入。这是我的代码
这是 HTML 代码
<a id="add1" class="thumbnail" alt="100000" href="">one</a>
<br>
<a id="add1" class="thumbnail" alt="150000" href="">two</a>
<br>
<a id="add1" class="thumbnail" alt="90000" href="">theree</a>
<hr>
<hr>
<input class="add2" type="radio" value="1" alt="100000" name="material">
LACE
<br>
<input class="add2" type="radio" value="2" alt="200000" name="material">
LACE - LEATHER
<br>
<input class="add2" type="radio" value="3" alt="150000" name="material">
LACE - SUEDE
<br>
<hr>
<hr>
<img src="" alt="0" id="mainImage" class="pret">
<div id="cau" alt="0"class="pret"></div>
<div id="usertotal"> PRICE : IDR 0</div>
这是jQuery
<script type="text/javascript">
$(document).ready(function() {
$('.thumbnail').live("click", function() {
var g = $(this).attr('alt');
var e = $(this).attr('href');
calculateSum();
$('#mainImage').hide();
$('#mainImage').html('<img class="pret" alt="'+g+'" src="'+e+'">').fadeIn();
return false;
});
$('.add2:checked').change(function(){
var m = $(this).attr('alt');
var a = $(this).attr('value');
alert(m);
calculateSum();
$('#cau').hide();
$('#cau').html('<div name="'+a+'" class="pret" alt="'+m+'"></div>').fadeIn();
return false;
});
});
function calculateSum() {
var sum = 0;
$(".pret").each(function() {
sum += parseFloat($(this).attr('alt'));
});
$('#usertotal').html('PRICE : IDR '+ sum);
}
</script>
问题是:为什么我的代码运行这么慢?我必须点击2次才能求和吗?我希望它一键运行。
感谢您的回答:) 问候