すみません。似たような質問を確認しましたが、自分の例とどうリンクしていいか判断できず、大変申し訳ないのですがご教示ください。
下記のようにテキストボックスに入った数字を合計するJavascriptを書きました。IEでは動きますが、Firefoxではそもそもテキストボックスに数字を入力することもできません。お分かりになる方、改善方法をご教示願えませんでしょうか。
よろしくお願いいたします。
<HTML>
<HEAD>
<SCRIPT language=JavaScript type=text/javascript>
<!--
function sum(){
var listpage = document.forms ['listPageForm'] ;
var value1 = parseFloat (listpage.elements ['TX_1'].value) ;
var value2 = parseFloat (listpage.elements ['TX_2'].value) ;
var value3 = parseFloat (listpage.elements ['TX_3'].value) ;
if(isNaN(value1) || value1=="") value1 = 0;
if(isNaN(value2) || value2=="") value2 = 0;
if(isNaN(value3) || value3=="") value3 = 0;
var sample_sum = value1 + value2 + value3;
listpage.elements ['TX_4'].value = sample_sum.toString ();
if(listpage.elements ['TX_1'].value.substring(0,1)=='0')
listpage.elements ['TX_1'].value = value1;
if(listpage.elements ['TX_2'].value.substring(0,1)=='0')
listpage.elements ['TX_2'].value = value2;
if(listpage.elements ['TX_3'].value.substring(0,1)=='0')
listpage.elements ['TX_3'].value = value3;
if(listpage.elements ['TX_1'].value=='')
listpage.elements ['TX_1'].value = 0;
if(listpage.elements ['TX_2'].value=='')
listpage.elements ['TX_2'].value = 0;
if(listpage.elements ['TX_3'].value=='')
listpage.elements ['TX_3'].value = 0;
}
function check(){
var flag = 0;
if(document.listPageForm.TX_4.value == "100"){
flag = 1;
}
if(flag){
return true;
}
else{
window.alert('合計が100%になりません。');
return false;
}
}
//-->
</SCRIPT>
<FORM name="listPageForm" onSubmit="return check()">
<TD><INPUT onkeypress='if(event.keyCode<"0".charCodeAt(0) ||
"9".charCodeAt(0)<event.keyCode) return false;'
onkeyup=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_1" value="_TX_1_">%
</TD>
<TD><INPUT onkeypress='if(event.keyCode<"0".charCodeAt(0) ||
"9".charCodeAt(0)<event.keyCode) return false;'
onkeyup=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_2" value="_TX_2_">%
</TD>
<TD><INPUT onkeypress='if(event.keyCode<"0".charCodeAt(0) ||
"9".charCodeAt(0)<event.keyCode) return false;'
onkeyup=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_3" value="_TX_3_">%
</TD>
<TD><INPUT onkeypress='if(event.keyCode<"0".charCodeAt(0) ||
"9".charCodeAt(0)<event.keyCode) return false;'
onkeyup=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_4" value="_TX_4_">%
</TD>
No.1ベストアンサー
- 回答日時:
<HTML>
<HEAD>
<SCRIPT language=JavaScript type=text/javascript>
<!--
function sum(){
var listpage = document.forms ['listPageForm'] ;
var value1 = parseFloat (listpage.elements ['TX_1'].value) ;
var value2 = parseFloat (listpage.elements ['TX_2'].value) ;
var value3 = parseFloat (listpage.elements ['TX_3'].value) ;
if(isNaN(value1) || value1=="") value1 = 0;
if(isNaN(value2) || value2=="") value2 = 0;
if(isNaN(value3) || value3=="") value3 = 0;
var sample_sum = value1 + value2 + value3;
listpage.elements ['TX_4'].value = sample_sum.toString ();
if(listpage.elements ['TX_1'].value.substring(0,1)=='0')
listpage.elements ['TX_1'].value = value1;
if(listpage.elements ['TX_2'].value.substring(0,1)=='0')
listpage.elements ['TX_2'].value = value2;
if(listpage.elements ['TX_3'].value.substring(0,1)=='0')
listpage.elements ['TX_3'].value = value3;
if(listpage.elements ['TX_1'].value=='')
listpage.elements ['TX_1'].value = 0;
if(listpage.elements ['TX_2'].value=='')
listpage.elements ['TX_2'].value = 0;
if(listpage.elements ['TX_3'].value=='')
listpage.elements ['TX_3'].value = 0;
}
function check(){
var flag = 0;
if(document.listPageForm.TX_4.value == "100"){
flag = 1;
}
if(flag){
return true;
}
else{
window.alert('合計が100%になりません。');
return false;
}
}
//-->
</SCRIPT>
</head>
<body>
<FORM name="listPageForm" onSubmit="return check()">
<TD><INPUT onchange=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_1" value="_TX_1_">%
</TD>
<TD><INPUT onchange=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_2" value="_TX_2_">%
</TD>
<TD><INPUT onchange=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_3" value="_TX_3_">%
</TD>
<TD><INPUT onchange=sum(); style="IME-MODE: disabled; TEXT-ALIGN: right" name="TX_4" value="_TX_4_">%
</TD>
</body></html>
これでは だめでしょうか。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript HTMLでJavaScriptを使ってパスワードの強化判定のプログラムを作成しています。 一通り作っ 2 2022/10/19 01:41
- JavaScript 1日1回引けるJavaScriptおみくじについて 1 2022/12/12 22:28
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript セレクトボックスで配列を呼び出したい。 1 2022/07/08 20:14
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
value内に変数を入れたい
-
子から親へチェックボックスの...
-
javascriptでhiddenに二次元配...
-
ラジオボタンの選択で解答・点...
-
JavaScriptでBMI計算
-
大量のselect要素のvalueを短い...
-
setIntervalの間隔を途中で変更...
-
クイズ作成:15個の問題から5個...
-
どのボタンがクリックされたの...
-
ラジオボタンの値を関数へわた...
-
プロパティと構造体と列挙型の...
-
日付選択のポップアップを今日...
-
商品コードを入れたら自動で商...
-
IEで子ウインドウから親ウイン...
-
小数の足し算
-
javascriptのinnerHTMLについて
-
ホームページビルダーVer6で、...
-
ラジオボタンとテキストを同時...
-
プルダウン 項目が多いので先頭...
-
onchangeイベントを強制的に発...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
value内に変数を入れたい
-
hiddenのvalueの値を変えたい
-
3桁区切りのカンマをつけたい...
-
VB.NET DateTimeの型について
-
複数のsubmitボタンで押された...
-
テキストボックスに入力された...
-
フォーム内容を上から順番にJav...
-
VBAをJavaScriptに変換したいです
-
javascriptでhiddenに二次元配...
-
大量のselect要素のvalueを短い...
-
フォームで入力した値を別のフ...
-
プルダウン選択時、既に入力済...
-
ラジオボタンと連動して文字列...
-
引数に数値、文字列の混在
-
クイズ作成:15個の問題から5個...
-
クリックの度に加算していくには?
-
setIntervalの間隔を途中で変更...
-
Pythonで会員サイトの自動ログ...
-
selectboxのoptionタグのvalue...
-
JavaScriptによる自動計算フォ...
おすすめ情報