ひとつ征服したJavaScriptです。ちょっと嬉しくなって、紹介しちゃいます。
「詳しいこと見たけりゃ、お見せしましょう。チェック入れてよ！ 一発公開！」ってなプログラムです。
HTMLのTableの中で、class名を’swDisp’として”span”で括った文字を、チェックボックス「On」で、一発表示する仕掛けです。
（class名の’swDisp’は任意ですが、以下のJavaScriptに記述してるので･･･）
まず、チェックボックスにチェックを入れると、JavaScriptの関数「changeCell()」が実行されるようにチェックボックスを配置しておきます。「onclick=”changeCell();”」としておくわけですね。
そして、JavaScriptの関数「changeCell()」は、「getElementsByTagName」を使って、以下のように書きました。
function changeCell(){
if(document.form1.check_type.checked == true){
var e = document.getElementsByTagName("span");
for (var i = 0; i < e.length ; i++){
if(e[i].className == 'swDisp'){
e[i].style.display = ' ';
}
}
} else {
var e = document.getElementsByTagName("span");
for (var i = 0; i < e.length; i++){
if(e[i].className == 'swDisp'){
e[i].style.display = 'none';
}
}
}
}
チョット解説すると、checkedの時は、”span”のTagNameで、classNameが’swDisp’ならば、「’ ’」でそのまま表示し、配列の回数分だけ繰り返す。そうじゃない時は「’none’」にして表示させないよう（隠します）、これも配列の回数分繰り返します。
実は、このままだと読み込み時に「関数”changeCell()”」が、まだ実行されてないので、隠しておく文字が表示されてしまいます。読み込み時、隠せなければバレバレで意味ないですよね！
そこで読み込み（オンロード）時に「関数”changeCell()”」を実行させて、display = ‘none’の状態にしておかないといけません。【チェックボックスはcheckedでない状態の設定が前提です】
これで読み込んだ時、隠したい文字が非表示になります。具体的に、HTMLに書いておく内容は次のとおりです。
「」です。 たったこれだけのこと、簡単ですね！
これで読み込み時には非表示’none’となり、チェックボックスにチェックを入れると、隠していた文字が表示されると言うわけです。悪戦苦闘してたけど、コロンブスの卵で、出来てしまうと意外に簡単でした。ホッ！！
＜追記＞
この具体例を、以下のＨＰで確認してください。ページ最下段のTableに記載しました。高山憲二.net/多様性の国インド
（高山憲二のホームページ「多様性の国インド」の”中国との比較”のTable）