ラジオボタンでフォームの送信先を切り替える

質問

<script type="text/javascript">
<!--
function setDisabledTextbox(F,N1,N2,N3) {
if(N1 == "OrderPayment0") {
F[N2].disabled = true;
F[N3].disabled = false;
}
else {
F[N2].disabled = false;
F[N3].disabled = true;
}
}
//-->
</script>

//フォームの１の記述
<form method="post" action="送信先１">

//ラジオボタン１の記述
<input type="radio" name="payment1" value="値１" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値１") echo "checked"; ?> id="OrderPayment0" />
<label for="OrderPayment0">値１</label><br />
//ラジオボタン２の記述
<input type="radio" name="payment2" value="値２" onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')" <?php if($payment_name == "値２") echo "checked"; ?> id="OrderPayment1" />
<label for="OrderPayment1">値２</label><br />

送信１の入力フォームの記述

<input type="submit" name="tbox0" value="送信１" disabled />
</form>

//フォームの２の記述
<form method="post" action="送信先２">

送信２の入力フォームの記述

<input type="submit" name="tbox1" value="送信２" disabled />
</form>

上記の記述で、最初、送信ボタン１及び送信ボタン２をdisabled状態にしておいて、ラジオボタンの１が押されたら送信ボタンの１を活性化、ラジオボタンの２を押したら送信ボタンの２を活性化するというように切り替えたいのですが、今のところ送信ボタンの１の切り替えはうまくいっているのですが、送信ボタンの２の方がdisabledされたままにまります。フォームの有効範囲の問題かな？と思って、ラジオボタンの２の記述をフォームの２の記述の方に移してみたりしたのですが、結果は同じようです。
両方とも切り替えるようにするには、どのように記述すればよいのでしょうか？

御教示願えればと思います。

回答No.1

yamada_g · ベストアンサー

>onclick="setDisabledTextbox(this.form,this.id,'tbox0','tbox1')"
のthis.formはフォーム1を指しますよね？
tbox1はフォーム1には存在しないのですから、
>F[N3].disabled = false;
>F[N3].disabled = true;
としても何も変更されません、というかエラーになっていると思うのですが。

tbox1を操作したいのであれば、フォーム2のtbox1を参照するようにしないといけません。

ちなみに、
disabled ＝ true;
とすると無効化されるのですが、認識は合っていますか？
なんだか逆に書いているように思います。

お礼

御指摘、ありがとうございました。

<script type="text/javascript">
<!--
function setDisabledTextbox(F1,F2,ID,N1,N2) {
if(ID == "OrderPayment0") {
F2[N2].disabled = false;
F1[N1].disabled = true;
}
else {
F2[N2].disabled = true;
F1[N1].disabled = false;
}
}
//-->
</script>

//フォームの１の記述
<form method="post" action="送信先１">

//ラジオボタン１の記述
<input type="radio" name="data[Order][payment]" value="値１" onclick="setDisabledTextbox(document.forms[0],document.forms[1],this.id,'tbox0','tbox1')" <?php if($payment_name == "値１") echo "checked"; ?> id="OrderPayment0" />
<label for="OrderPayment0">値１</label><br />
//ラジオボタン２の記述
<input type="radio" name="data[Order][payment]" value="値２" onclick="setDisabledTextbox(document.forms[0],document.forms[1],this.id,'tbox0','tbox1')" <?php if($payment_name == "値２") echo "checked"; ?> id="OrderPayment1" />
<label for="OrderPayment1">値２</label><br />

送信１の入力フォームの記述

<input type="submit" name="tbox0" value="送信１" disabled />
</form>

//フォームの２の記述
<form method="post" action="送信先２">

送信２の入力フォームの記述

<input type="submit" name="tbox1" value="送信２" disabled />
</form>

でうまくいくようになりました。