• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:リスト上のtextボックスに数値を入れるJS)

リスト上のテキストボックスに数値を入れるJS

このQ&Aのポイント
  • 以下の例えば120人のリストのテキストボックスに、テストの順位を表す順位を1から120まで一括入力するボタンを設けたいのですが、javascriptをご教示いただけますと幸いです。
  • また、順位は10とびで、10、20、30、・・・1200、と入れるボタン(10ずつカウントアップ)もあるとうれしいです。
  • なお、リストは120人とは限りません。50人(50行、50テキストボックス)の場合も、80人(80行、80テキストボックス)の場合もあります。

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

> 順位を表す順位を1から120まで一括入力する onload=function(){ for(var i=1,r,rs=document.getElementsByName('rank');r=rs[i-1];i++) r.value=i; } > 順位は10とびで、10、20、30、・・・1200、 > と入れる 0番目(1位)は考慮せず onload=function(){ for(var i=1,r,rs=document.getElementsByName('rank');r=rs[i-1];i++) if(!(i%10)) r.value=i; } > ボタンを設 > けたいのですが ボタンにはしてないけど自由に改造して下さい。

litton101
質問者

お礼

talooさん、ありがとうございました。 御礼遅くなって失礼しました。 いただいたものを元に、次のようにしたら上手くいきました。 大変助かりました。ありがとうございました。 <html> <head> <script> function test(){ for(var i=1,r,rs=document.getElementsByName('rank');r=rs[i-1];i++) { r.value=i; } } </script> </head> <body> <input type="button" onclick="test();" value="テスト"> <table> <tr><td>出席番号</td><td>氏名</td><td>順位を入力</td></tr> <tr><td>1</td><td>阿藤一郎</td><td><input type="text" name="rank" value=""></td></tr> <tr><td>2</td><td>伊藤次郎</td><td><input type="text" name="rank" value=""></td></tr> <tr><td>3</td><td>宇藤三郎</td><td><input type="text" name="rank" value=""></td></tr> <tr><td>120</td><td>加藤太郎</td><td><input type="text" name="rank" value=""></td></tr> </table> </body> </html>

関連するQ&A