※ ChatGPTを利用し、要約された質問です（原文：checkboxクリック時、SQLを実行し、ボタンの有効・無効を判定する方法について）
checkboxクリック時、SQLを実行し、ボタンの有効・無効を判定する方法について
このQ&Aのポイント
checkboxクリック時にSQLを実行し、ボタンの有効・無効を判定する方法について相談です。
現在はデータベースの最終行の値を使用してボタンの有効・無効を決定していますが、3つのcheckboxがある場合にはそれぞれの行の値を参照したいと考えています。
質問者はSQLを予め実行せず、checkboxクリック時に実行したいと思っていますが、具体的な方法がわからないとのことです。
checkboxクリック時、SQLを実行し、ボタンの有効・無効を判定する方法について
checkboxクリックをクリックすると、その時点でSQLを実行し、その結果によりボタンの有効・無効を決めたいと思っております
(あるチェックボックスが選択されている状態では、特定のボタンを無効化し、選択できないようにしたいと思います)。
しかし数点詰まってしまった所がございましたのでアドバイスいただける方がいらっしゃいましたら、よろしくお願いします。
私が試した所、下記の条件付きであればデータベースの中身を見て、その内容をボタンに反映させる事が出来ました。
【現状】
1. 予めSQLを実行して結果を変数に格納しておき、checkboxクリック時にその変数を呼び出す。
2. checkboxは1つのみ(現在はデータベースの最終行の値でボタンの有効・無効が決定されております)。
それを下記のように修正したいと思ったのですが、方法が分かりませんでした。
【やりたいこと】
1. SQLは予め実行するのではなく、checkboxクリック時に実行したい。
2. checkboxが3つあった場合、1つめのcheckboxクリック時はテーブルの1行目、2つめのcheckboxクリック時はテーブルの2行目の値を見に行きたい。
【テーブル構造(mysql使用)】
－－－－－－－－－－－－－－－－－
｜ ｜field1｜field2｜field3｜
－－－－－－－－－－－－－－－－－
｜１行目｜ 1 ｜ 0 ｜ 1 ｜
－－－－－－－－－－－－－－－－－
｜２行目｜ 0 ｜ 1 ｜ 1 ｜
－－－－－－－－－－－－－－－－－
｜３行目｜ 1 ｜ 0 ｜ 0 ｜
－－－－－－－－－－－－－－－－－
【ソースコード】
<?php
$connect = mysql_connect('localhost', 'データベースユーザー名', 'データベースユーザーパスワード名');
mysql_select_db('データベース名', $connect);
$query = mysql_query("SELECT * FROM テーブル名", $connect);
while ($row = mysql_fetch_array($query)) {
$ans1 = $row["field1"];
$ans2 = $row["field2"];
$ans3 = $row["field3"];
}
mysql_close($connect);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Script-Type" content="text/javascript" />
<title>title</title>
<script type="text/javascript">
function checkbox_func()
{
var ans1 = "<?php echo $ans1 ?>";
var ans2 = "<?php echo $ans2 ?>";
var ans3 = "<?php echo $ans3 ?>";
if (document.getElementById("checkbox_form").check1.checked) {
// 0なら有効, 1なら無効
if (ans1 != 0) {
document.getElementById("button1").disabled = true;
} else {
document.getElementById("button1").disabled = false;
}
if (ans2 != 0) {
document.getElementById("button2").disabled = true;
} else {
document.getElementById("button2").disabled = false;
}
if (ans3 != 0) {
document.getElementById("button3").disabled = true;
} else {
document.getElementById("button3").disabled = false;
}
} else {
document.getElementById("button1").disabled = false;
document.getElementById("button2").disabled = false;
document.getElementById("button3").disabled = false;
}
}
</script>
</head>
<body>
<form id="checkbox_form" name="checkbox_form" method="post" action="<?php echo $_SERVER['PHP_SELF'] ?>">
<p>チェックボックス1<input type="checkbox" name="check1" value="check1" onclick="checkbox_func()" onkeypress="checkbox_func()" /></p>
</form>
<input id="button1" type="button" value="ボタン１" />
<input id="button2" type="button" value="ボタン２" />
<input id="button3" type="button" value="ボタン３" />
</body>
</html>
以上、よろしくお願いします。
お礼
ありがとうございます。 SQLのインタラクティブな発行はajax以外無理と考えた方が良いのですね。 勉強になりました。 ちなみにajax以外無理と思われる理由をご存知でしたら、ご教授いただいてもよろしいでしょうか？ その点について人に説明する必要があるかもしれないので。 私のほうでもいただいたアドバイス内容を元に検索してみようとは思いますが。 それと > もちろん、ページ全体を再読み込みしていいなら話は別ですが。 ページ全体の再読込は仕様上大丈夫です。 特に再読込不可という制約はありません。 ajax化に伴う予算増加は認められなさそうという制約はありますが。。。 後、確かにwhileは必要ないですね。 結果は常に1つになります。 何となく今お教えいただいた方法で頭の中で処理の流れを考えてみました。 <?php if (チェックボックスから何らかの値を渡されたら) { ・phpでSQLを発行し、ボタンのOFF/ONを設定する。 (もしかしたら常にSQLを発行し、値が渡されていない場合はkey=0の値を見に行き、 key=0にはボタンがすべてONになるような値を設定しておけばよいのかもしれません。) } ?> <html> ・チェックボックス(ここをクリック時、何らかの値を渡し、リロードする) ・ボタン(チェックボックスクリックに伴うSQLの結果を元にOFF/ONを設定) </html> 後、今のソースでは再読み込み時にチェックボックスのOFF/ONを保持する仕組みがない為、 それを実装すれば、ここの部分については一応意図した動作になるのかなと思いました。 そのため、上記のような感じで一度組んでみて試してみようと思います。
補足
いつもお世話になっております。 その後ご教示いただいた内容を元に実装してみた所、phpとjavascriptを用いページ全体を再読み込みさせることで希望の動作となりました。 まだまだ改善の余地があるソースですが、当初の目的は達成できましたので質問を締め切らさせていただきたいと思います。 どうもありがとうございました。