JavaScriptにフォーム部品情報を渡すには

Perl初心者のためのPerlノートです!

HTML/ CSS/ CGI-Perl/ JavaScript/ JavaApplet/ AccessUp/ Internet/ EnglishLearn/ ちゃいちゃん天使/ 天使メッセージ/ 飯田ワールド/ 結城ワールド/ プロフィール/ WEB相談室/ WEBアンテナ/ WEBリーダー/ 燈明日記/ yahoo

◆ はじめに

本ページは、私がPerlを習得した時(いや習得中)のノートです。

ごく普通の言語(COBOL,C,Java,VB等)を知っている人が、Perlをやり始めるといろいろと悩むことがあります。

それは、

です。

本ページは、そのようなハードルを一つ一つクリアにしていけたらと思います。

そして、本ページが何かのお役に立てれば幸いです。では、ごゆっくりご覧ください。

尚、ご感想、ご意見、誤字、脱字、間違い等がありましたら遠慮なくPerlノート掲示板へご指摘ください。

◆ サイト最新情報

◆ コンテンツ

■ JavaScriptにフォーム部品情報を渡すには

input要素でonClickした時にJavaScriptへフォーム部品情報渡すには・・・。

とりあえず、以下の3と通りがありますね。

  1. thisで自分自身のオブジェクトを渡す方法
  2. name属性の値を渡す方法
  3. id属性の値を渡す方法
<html>
<head>
<script type="text/javascript">
function CheckThis(obj) {
        alert(obj.id + " " + obj.name);
        obj.checked = false;
        alert("チェックできません!(thisで自分自身のオブジェクトを渡す方法)");
}
function CheckName(name) {
        alert(name);
        document.FM.elements[name].checked = false;
        alert("チェックできません!(name属性の値を渡す方法)");
}
function CheckId(id) {
        alert(id);
        document.getElementById(id).checked = false;
        alert("チェックできません!(id属性の値を渡す方法)");
}
</script>
</head>
<body>
<form name="FM">
<input type="checkbox" name="AAA" id="AAA" onClick="CheckThis(this)">A</input>
<input type="checkbox" name="BBB"          onClick="CheckName(name)">B</input>
<input type="checkbox" name="CCC"          onClick="CheckName('CCC')">C</input>
<input type="checkbox"            id="DDD" onClick="CheckId(id)">D</input>
<input type="checkbox"            id="EEE" onClick="CheckId('EEE')">E</input>
</form>
</body>
</html>

◆ おすすめ Perl本

■ 続・初めてのPerl 改訂版

『初めてのPerl』の次ぎに読むと吉です。

結構いいですが・・・、初心者にはちょっと難しいかもです。

■ 結城浩のPerlクイズ

この本には、ちゃいちゃんパパの小話しが載っています(謎)。

ある程度、Perlを理解している人には、たまらない内容になっています。さすが結城先生だな!

結城浩のPerlクイズ

■ 新版Perl言語プログラミングレッスン入門編

実は、私はまだ読んでいませんが、結城先生の本なので良くないはずがありません。

新版Perl言語プログラミングレッスン入門編

■ CGI&Perlポケットリファレンス (Pocket reference)

この本は、非常に役に立ちます。ちょっと調べるのに最適です。サンプルも説明も的を射ています。

CGI&Perlポケットリファレンス (Pocket reference)

■ Perlベストプラクティス

一読の価値有りだと思います。

Perlベストプラクティス

■ プログラミングPerl〈VOLUME1〉

ご存知、Perl本の聖書、ラクダ本(上)です。

■ プログラミングPerl〈VOLUME2〉

ご存知、Perl本の聖書、ラクダ本(下)です。

◆ おわりに

最後に、本ページが、何かのお役に立てれば幸いです。

尚、ご感想、ご意見、誤字、脱字、間違い等がありましたら遠慮なくPerlノート掲示板へご指摘ください。

HTML/ CSS/ CGI-Perl/ JavaScript/ JavaApplet/ AccessUp/ Internet/ EnglishLearn/ ちゃいちゃん天使/ 天使メッセージ/ 飯田ワールド/ 結城ワールド/ プロフィール/ WEB相談室/ WEBアンテナ/ WEBリーダー/ 燈明日記/ yahoo

人のよいところをどんどん見つけよう