![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
基本的なCSS及びPHPの知識が乏しい為、自己で解決出来ずに困っています。
ある任意のデータファイルをオープンして、Webページに表示させます。
--------------------------------------------------------------------------
<html>
<body>
<form action='test2.php' method='post'>
<?php
$logfile = './logdata.txt';
$fp = fopen($logfile, "r");
while($str = fgetcsv($fp)){
$data1[] = $str[0];
$data2[] = $str[1];
}
fclose($fp);
for ($i = 0; $i < sizeof($data1); $i++){
print "<input type='checkbox' name='col1[]' value='$data1[$i]'>";
print "<input type='text' name='col2[]' value='$data2[$i]' >";
print "<br>";
}
?>
<input type='submit' value='実行'>
</form>
</body>
</html>
--------------------------------------------------------------------------
表示した内容から、checkboxで10個のデータ選択させたいと考えています。
選択したデータを次ページの'test2.php' に配列(col1[]、col2[])にして
送信しているのですが、このスクリプト内で、checkboxで選択する数のチェックを行い、
選択した数が10個でなければ、javascriptでクライアント端末側にアラートを
ポップアップ表示させたい考えています。
-------------------------------------------
<script type='text/javascript'>
function checkbox_alert() {
alert("選択数は10個にして下さい");
}
</script>
-------------------------------------------
上記のようなfunctionをスクリプにを挿入すれば出来ると考えているのですが、
具体的な記載方法が分かりません。
どなたかお分かりになる方がいらっしゃいましたら、教えて頂けないでしょうか。
No.2ベストアンサー
- 回答日時:
このような感じで如何でしょう
-------------------------------
<html><head>
<SCRIPT language="JavaScript">
<!--
function CBCheck() {
var count = 0;
for (var i=0;i<document.myForm.elements.length;i++){
if ((document.myForm.elements[i].name=="col1[]") && (document.myForm.elements[i].checked)) {
count++;
}
}
if (count!=10){
alert("選択数は10個にして下さい。"+count+"個が選択されています。");
return;
} else {
document.myForm.submit();
}
}
// -->
</SCRIPT>
</head><body>
<form name='myForm' action='test2.php' method='post'>
<?php
$logfile = './logdata.txt';
$fp = fopen($logfile, "r");
while($str = fgetcsv($fp)){
$data1[] = $str[0];
$data2[] = $str[1];
}
fclose($fp);
for ($i = 0; $i < sizeof($data1); $i++){
print "<input type='checkbox' name='col1[]' value='$data1[$i]'>";
print "<input type='text' name='col2[]' value='$data2[$i]' >";
print "<br>";
}
?>
<input type='button' value='実行' onClick="CBCheck()">
</form>
</body>
</html>
No.1
- 回答日時:
勘違いしていると思われる点
・phpはサーバサイド
サーバ側で完全処理を行ってできあがったHTMLをユーザへ送り出す
・javascriptはクライアントサイド
ユーザ処理をjavascriptで返す場合は判別もjavascript
またはajax的にjavascriptで判別phpへ投げて受け取る必要有り
要するにcheckboxの選択云々の確認は
・javascript判別
javascriptでformを走査しalert
・php判別
一旦post(またはget)してphpとして「エラーページ」
が 妥当じゃないのかな。
この回答への補足
返答有難う御座います。
やはりこのPHPと同じ1枚のページに作成するのは不可能になりますでしょうか。ダラダラと長いスクリプトになってしまうかもしれない事は
覚悟しているのですが。
認識が乏しくて申し訳ありません。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- PHP 入力した部分を表示させたまま(保持)するにはどうすれば良いでしょうか? 1 2023/01/25 11:14
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- PHP PHPでCookieを使った訪問回数について 1 2023/05/28 14:10
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript 以前の質問だと、どの条件でも配列が表示されてしまいます。 1 2022/07/09 11:40
- HTML・CSS ただいま勉強始めたての初心者です。フォームを縦並べにしたいです。 2 2022/11/20 17:18
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
チェックボックスがチェックさ...
-
画面が更新されてもチェックボ...
-
XMLデータをPOSTで送信・受信す...
-
PHPで画像の渡しが上手く行きま...
-
DBの値をチェックボックスに反...
-
PHP DBの登録情報をラジオボタ...
-
ラジオボタンをsessionで使いたい
-
チェックボックスを用い、MySQL...
-
Javascript→PHPに...
-
パラメーターを隠す
-
フォームへの前回入力値をクリ...
-
php mysql でチェックボックス...
-
phpでの複数選択チェックボック...
-
<input type="hidden" >で配列...
-
検索時の選択内容を保持する方法
-
smartyでチェックボックスをチ...
-
フォームでのリセットを使う方法
-
PHPで問い合わせフォーム 受信...
-
PHPでクリックするたびに変数を...
-
syntax error, unexpected '}' ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
HTMLで前の画面に戻る時、入力...
-
<input type="hidden" >で配列...
-
PHP ボタンが押されたら処理を...
-
検索時の選択内容を保持する方法
-
DBの値をチェックボックスに反...
-
ラジオボタンをsessionで使いたい
-
パラメーターを隠す
-
PHPで画像の渡しが上手く行きま...
-
フォームへの前回入力値をクリ...
-
フォームボタンを押すたびに数...
-
フォームでのリセットを使う方法
-
syntax error, unexpected '}' ...
-
PHPの関数実行
-
入力した部分を表示させたまま...
-
テキストボックスに初期値を入れる
-
phpで分からないエラーが出てし...
-
入力フォーム→確認画面→送信画...
-
画面が更新されてもチェックボ...
-
Javascript→PHPに...
-
配列をhiddenで
おすすめ情報