問題:小計、税金、合計の3つのテキストボックスがあります。小計テキストボックスの値に税テキストボックスの値を掛けて、合計テキストフィールドに表示したいと思います。
JSフィドルを作成しました!あなたは私のサイトで小計が完全に機能しているのを見ることができます!
問題:小計、税金、合計の3つのテキストボックスがあります。小計テキストボックスの値に税テキストボックスの値を掛けて、合計テキストフィールドに表示したいと思います。
JSフィドルを作成しました!あなたは私のサイトで小計が完全に機能しているのを見ることができます!
http://jsfiddle.net/eeMva/ ?? または http://jsfiddle.net/eeMva/1/小計と税金を掛けたもの
plzノート
これが原因コードに役立つことを願っています:)
$(document).ready(function() {
calculateSum();
$(".txt").keyup(function() {
$(".txt").each(function() {
calculateSum();
});
});
});
$("#tax").keyup(function() {
$('#total1').val(parseInt($(this).val()) * parseInt($('#subtotal').val()));
});
function calculateSum() {
var sum = 0;
$("#sum").val(sum.toFixed(2));
//iterate through each textboxes and add the values
$(".txt").each(function() {
//add only if the value is number
if (!isNaN(this.value) && this.value.length != 0) {
sum += parseFloat(this.value);
}
});
$("#sum").html(sum.toFixed(2));
var subtotal = document.getElementById("subtotal").value == "";
var subtotal = document.getElementById("subtotal").value = sum;
function getTax(tax) {
var taxFloat = parseFloat(tax)
if (isNaN(taxFloat)) {
return 1;
} else {
return taxFloat;
}
}
var total = getTax($('#tax').val()) * sum;
var total1 = document.getElementById("total1").value = total;
}
問題は、JS Fiddleの左側のフレームワークとしてjQueryを選択していないことと、Javascript内でHTMLコメントを使用していることです。たとえば次のようになります。
<!-- TAXES -->
Javascriptを作成するときは、JSコメントを使用する必要があります。次に例を示します。
/*
* Taxes, or
*/
// Single line comment