二つのボタンを押したときに動作させたい

Question

//ユーザが入力するプログラム配列CprとAND回路の答えとして用意する配列AprをtoString関数で内容が一致するか比較///
if(Cpr.toString() == Apr.toString()){
X1=Cpr[1]+Cpr[2];//Cprの1番目と2番めを結合ユーザ指定X1を生成
X2=Cpr[5]+Cpr[6];//Cprの5番目と6番目を結合ユーザ指定X2を生成
Y=Cpr[8]+Cpr[9];//Cprの8番目と9番目を結合ユーザ指定Yを生成
$(function(){
//ユーザの指定したX1とX2を押したとき
$("#X1").click(function(){
for(i=0;i<300;i++){
$("#X2").click(function(){
("#Y").style.backgroundColor="blue";//ユーザの指定したランプYの色を変更する
});
}
});
});
}

Comments

[yambejp]

現実世界ではないのでボタンの同時押しはできませよね？aを押してbを押す（もしくはb→a）みたいな話でしょうか？a→a→ｂとかa→c→bとかでも反応するのでしょうか？

[m.ts10806]

そもそもなぜそのような要件が発生したのでしょうか。具体的な経緯を含めて調べてみたことやってみたことを記述してください。　https://teratail.com/help/question-tips

[yosutebito092]

PLCシミュレータをwebアプリで作っていてAND回路をやろうと思った時に二つのボタンがonになっていないと動作しないはずなので、そういう仕様にしようとした次第でした

[m.ts10806]

前の質問内容消えてますが、、、　一度、質問テンプレートに則って再編集してみることをすすめます。

[kei344]

回答が付いた質問の編集は慎重に行ってください。質問文について編集する場合は「追記」してください。

Answer 1

チェックボックスをボタンっぽくCSS駆使して装飾して
チェックボックスクリックのたびに「全部チェックされてるか」を監視し、
全部チェックされたら処理実行　

という発想ではいかがでしょうか。

必ずa→bの順番で押さないといけないのであればこの発想はそのままでは使えませんが。
（aがチェックされてないとbをチェックさせないという方向で対応を入れれば可能です。）

• CSSでのラジオボタン・チェックボックスのカスタマイズを詳しく説明してみた

input=fileのボタンを装飾する際にlabelで囲ってinput自体は非表示にしてlabel装飾するというのができるので、応用したら実現できそうに思います。

• [HTML5] <input type="file">のデザインをもっと簡単に変更

装飾が実現すればチェックされたときに「押された感のあるボタン」の装飾に変更すれば良いわけですし。

Answer 2

ソースコードがないため具体的な回答はできませんが、ボタン a と b が真に同時にクリックされた場合の処理というものは現実的ではありません。

よくある実装では「ボタン a を押したあと 300ms 以内にボタン b がクリックされた場合」というものがあります。（順番が逆のパターンも必要です）

プログラム上は随分悠長に感じられるかもしれませんが、人間の感覚としては「ほぼ同時」の操作です。
閾値を小さくすればより判定が厳しくなります。

ご参考になりましたでしょうか。

Comments

[yosutebito092]

それでやってみますありがとうございます

Answer 3

状況がわかりませんがトリガーが２つ必要なら

• チェックボックスを2つ用意して、2つともチェックされていたらサブミットできるようにする

（サブミットボタンを出現させるとか、disabledを解除するとか）

• チェックボックスを2つ用意して、2つ目のチェックボックスをチェックしたらサブミットできるようにする
• 上記をボタンでエミュレートする

のいずれかで対応するのが妥当かと思います