![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
javascriptのことで質問させてください。
よろしくおねがいします。
簡単なフォームをテーブルで作成しています。
例えばの例でお願いします。
<form action="" method="post">
<table>
<tr>
<td>表示/非表示<td>
<td><input type="radio" value="1">非表示 <input type="radio" value="2">表示<td>
<tr>
<!--ここから表示/非表示部分-->
<tr>
<td>テキスト<td>
<td><input type="text"><td>
<tr>
<!--ここまで表示/非表示部分-->
</table>
</form>
上記のようなフォームがあったとします。
PHPを使用していまして、
『hoge.html?str=値』 がアドレスとします。
$str=$_GET['str'];
$str=1 の時は、はじめは表示
$str=2 の時は、はじめは非表示
$str="" の時は、はじめは非表示
という感じの内容でラジオボタン選択すると表示/非表示されると言うものを作成したいと思っています。
説明がわかりにくいと思いますがどうぞよろしくお願いします。
No.1ベストアンサー
- 回答日時:
こんにちは。
以下のような感じではどうでしょうか。
(表示非表示の値がradioの値と差異があったので勝手にあわせてしまいました)
phpの$strは$_GET['str']の値で、""の場合は2にしています。
==== script部分
<script type="text/javascript">
window.onload = function() {
var disp = document.getElementsByName('disp');
setDisp ( '<?= $str ?>' );
for ( var i = 0; i < disp.length; i ++ ) {
disp[i].onclick = function() {
setDisp ( this.value );
};
}
};
function setDisp ( value ) {
document.getElementById('area').style.display =
value === '2' ? 'none' : 'block';
}
</script>
==== html部分
<table>
<tr>
<td>表示/非表示<td>
<td><input name="disp" type="radio" value="2"<?= $str === '2' ? ' checked="checked"' : '' ?>>非表示 <input name="disp" type="radio" value="1"<?= $str === '1' ? ' checked="checked"' : '' ?>>表示<td>
<tr>
<!--ここから表示/非表示部分-->
<tr id="area">
<td>テキスト<td>
<td><input type="text"><td>
<tr>
<!--ここまで表示/非表示部分-->
</table>
ご返答遅れて申し訳ございません
ありがとうございます!!
できました!
本当にソースをそのままいただき助かりました。
また何かありましたらよろしくお願い致します。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript jQueryで同じクラス名のものを別物として扱いたい 1 2022/06/17 14:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
- MySQL SQL任意に並び替えをしたい 2 2023/08/28 10:47
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画面の2重起動をチェックする...
-
チェックボックス付きのテーブ...
-
javascript ラジオボタン
-
複数のselect値で1つも選択され...
-
UART通信の取説で,left floati...
-
return trueとreturn falseの用...
-
チェックボックスのON/OFFでVal...
-
【jsp/Java】チェックボックス...
-
プルダウン 項目が多いので先頭...
-
selectを変更不可にしたい
-
フォーム内で記入したクエリ送...
-
<JavaScript>tableタグを入力不...
-
onclickが動作しない
-
フォームのチェックボックスの...
-
onchangeイベントを強制的に発...
-
onClickがinput type="image"だ...
-
tabindexの取得
-
クリックされた罫表セルの行番...
-
name属性とid属性の違い。DOMの...
-
JavaScriptでテーブルをクリッ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
チェックボックス付きのテーブ...
-
JavaScriptの「.querySelectorA...
-
Javascriptの電卓で最初の何も...
-
formで項目を連結したい
-
文字数を数える際に空白、改行...
-
クリックしたラジオボタンの行...
-
画面表示とともにtableの指定の...
-
ラジオボタンが選択されたらテ...
-
画面の2重起動をチェックする...
-
テーブル内のチェックボックス...
-
複数のselect値で1つも選択され...
-
Formのシリアライズができない
-
入力チェックの外部スクリプト...
-
JavaScriptでテーブルのソート...
-
jQuery テキストボックス読み取...
-
動的に生成されるラジオボタン...
-
localStorageでのcheckbox制御
-
Javascriptで自動的に計算する...
-
table などの height を外から...
-
同一nameの input type="text"...
おすすめ情報