人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

以下のようなHTMLがあり、test*aというidタグには
javascriptで計算された値がInnerHTMLで格納されます。
でその格納された値とtest*の値を比較して
マッチしていればtest*okというタグにInnerHTMLで
OKと格納して違うならNGと格納するような
javascripは出来ますか?

<TABLE>
<tr>
<td id=test1>11<td>
<td id=test1a><td>
<td id=test1ok><td>
</tr>
<tr>
<td id=test2>22.55<td>
<td id=test2a><td>
<td id=test2ok><td>
</tr>
<tr>
</tr>
<td id=test3>33<td>
<td id=test3a><td>
<td id=test3ok><td>
<tr>
<td id=test4>42.3<td>
<td id=test4a><td>
<td id=test4ok><td>
</tr>
</TABLE>
結果、
test1a = 10 => test1ok = NG
test2a = 22.55 => test2ok = ok
test3a = 33 => test3ok = ok
test4a = 42.1 => test4ok = NG

なにかこのような確認作業を他にもブラウザ出来るすべが
あるのであればそちらの方を教えてもらえますか?
test*の値は静的に埋め込んでます。

●質問者: hopefully
●カテゴリ:就職・転職 ウェブ制作
✍キーワード:HTML JavaScript NG test タグ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● t_shiono
●35ポイント

こんな感じでしょうか?

 var ans = [10.0, 22.55, 33.0, 42.1];

 for (var i = 0; i < ans.length; ++i) {
 var did = 'test' + (i + 1).toString();
 var data = document.getElementById(did).innerHTML - 0.00;

 var aid = 'test' + (i + 1).toString() + 'a';
 document.getElementById(aid).innerHTML = ans[i].toString();

 var id = 'test' + (i + 1).toString() + 'ok';
 if (ans[i] == data) {
 document.getElementById(id).innerHTML = 'OK';
 } else {
 document.getElementById(id).innerHTML = 'NG';
 }
 }

JavaScriptを使わないとなると、答えの生成方法にもよりますが、XSLTでも処理できるかもしれないですね。

◎質問者からの返答

ありがとうございますw


2 ● mlkc81
●35ポイント

function check(arg){

  var checkID = "test" + arg;

  var inputID = "test" + arg + "a";

  var outputID = "test" + arg + "ok";

  var input_value = document.getElementById(inputID).innerHTML;

  var check_value = document.getElementById(checkID).innerHTML;


  if ( input_value == check_value ){

    document.getElementById(outputID).innerHTML = "OK";

  }else{

    document.getElementById(outputID).innerHTML = "NG";

  }

}

上記を<head>内に。<body>内には以下のように。

  <td><a href="javascript:check(1);">check</a></td>


全部の値を一度にチェックしたい場合は、

function check_all(){

  for( i = 1 ; i < 5 ; i++ ){

    check(i);

  }

}

を<head>内に。<body>内に下記を。

  <a href="javascript:check_all();">check</a>


というものでいかがでしょうか?

◎質問者からの返答

これで頑張りますw

ありがとうございます。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ