2つのForm同じチェックボックスとボタンの共有の方法について

Question

こんにちは。今あるWebシステム（エスナのフレームワークを利用して）を作っていて、2つのForm同じチェックボックスとボタンの共有の方法を何日間苦戦しています。具体的には現状

<form name="hello1" method="post"> <input type="checkbox" name="checkbox1" onClick="hello();"/> <input type="submit" name="hello1" value="表示"> ...（略） </form> <form name="hello2" method="post"> <input type="checkbox" name="checkbox2" onClick="hello();"/> <input type="submit" name="hello2" value="表示"> ...（略） </form> <script type="text/javascript"> $(document).ready(function(){ var checkBoxes_1=$("input [name=hello1]"); var checkBoxes_2=$("input [name=hello2]"); (checkBoxes_1.is(':checked'))?checkBoxes_2.attr("checked",true):checkBoxes_2.attr("checked",false); (checkBoxes_2.is(':checked'))?checkBoxes_1.attr("checked",true):checkBoxes_1.attr("checked",false); checkBoxes_1.change(function() { (checkBoxes_1.is(':checked'))?checkBoxes_2.attr("checked",true):checkBoxes_2.attr("checked",false); }); checkBoxes_2.change(function() { (checkBoxes_2.is(':checked'))?checkBoxes_1.attr("checked",true):checkBoxes_1.attr("checked",false); }); ...(略) }); </script>

もし２つのフォーム別々でチェックして別々でpostするならわかりますが、この２つのcheckboxのと表示ボタン内容が同じなので、１つに絞りたい場合（例えば片方隠したり、２つ取り出して1つにしたするなど）、jsで連動させることがなんかうまくいかないです。

いろいろ試してうまくいかなくて困っています、ご経験のある方教えていただけますでしょうか。よろしくお願いします。

追記：初心者で質問の的がずれてて申し訳ありません。やはりSessionとの関係がありますので、もう少し話しますと、上記form2のcheckBoxをhiddenで隠した場合、form1のところのcheckboxだけ表示されます。form1の表示ボタンをクリックすると、form1のcheckboxチェックの状態が残り、ページ再表示の時にチェックされるままになります。しかし、form2の表示ボタンをクリックすると、postの内容など問題がありませんが、form1のcheckboxはチェックの状態が保存されないです。この点で困っています。

Comments

[sakura_hana]

使用しているフレームワークと、現状のjsを開示いただくとアドバイスしやすいです。また、「２つ取り出して1つにする」「片方postするとそのままになり、もう片方との違いが生じます」の部分について、具体的にどういうことか説明をお願いします。

[shi_ue]

actionがないですが、同じところにpostしてるんでしょうか？

[JimmyKing2001]

コメントどうもありがとうございます。フレームワークはエスナで、Sessionに関連する部分は混乱を招きますので削除させていただきました。

[JimmyKing2001]

コメントどうもありがとうございます。２つのフォームは同じactionにpostしています。

[JimmyKing2001]

コードの一部追加しました。

Answer 1

actionが同じなら、formタグを一つに統一すれば、両方の値をpostしますから、Javascriptで変化した後の値をpostすることになります。

もし、それがだめなら、form中にhiddenを持たせて、ほかのformの内容もpostするようになさってはいかがでしょうか。

あと、三項演算子を処理に使うのはやめたほうがいいと思います。if文を使ってください。
見にくくなります。
この辺りは、好みの問題ですけどね・・・（動けばそれでいいとか）

Comments

[JimmyKing2001]

いつもお世話になります。２番目のhidden方法でいきたいですが、おしゃった「ほかのformの内容もpostするように」というところもう少し具体的に教えていただけますでしょうか（できれば一つのフォームでpostしたら再表示の時にもう片方のフォームのcheckboxも同じ状態にしたいです）。

[shi_ue]

checkboxだけなのでしたら、javascriptで該当checkboxのchange時にhiddenに値をセットしてやるようにすればいいですよ。

[JimmyKing2001]

ありがとうございます。ちょっとやってみます。