0

3 つのチェック ボックスと各チェックボックスの下にテキスト領域があるフォームがあります。

HTML:

<form>
<input class="checkbox" id="checkboxsection1" type="checkbox" name="section1">Section 1<br/>
<textarea name="section1textarea"> Sample </textarea><br/>

 <input class="checkbox" id="checkboxsection2" type="checkbox" name="section2">Section 2<br/>
     <textarea name="section2textarea"> Sample </textarea><br/>

 <input class="checkbox" id="checkboxsection3" type="checkbox" name="section3">Section 3<br/>
     <textarea name="section3textarea"> Sample </textarea><br/>

 <input type="submit" class="submit" value="Submit"/>

JSフィドル

私が今コードを持っている方法は、チェックボックスがチェックされていないときにテキストエリアが非表示になり、jqueryUIトグル関数を使用してチェックボックスがチェックされているときに表示されることです。

私が使用しているコードは上記よりも複雑です (この質問のために単純化しました) が、私の状況ではテキストエリアを削除できません。テキストエリアを呼び出してそれに依存する JavaScript があるためです。さらに情報が必要な場合は、上記のコードをさらに複雑にします。

フォームを送信すると、すべてがショッピング カートに渡されます。テキストエリアを実際に削除せずに、そのテキストエリアの上の上記のチェックボックスがオフのままの場合、テキストエリアがショッピングカートに渡されないようにする方法があるかどうか疑問に思っていました。

4

1 に答える 1

2

この質問の受け入れられた回答によると、無効なフィールドは投稿されません。

次のコマンドを呼び出すことで、テキストエリアを無効にできます。

$('textarea[name=section1textarea]').prop('disabled', true);

そして、次のように呼び出して再度有効にします。

$('textarea[name=section1textarea]').prop('disabled', false);

アップデート

チェックボックスの値がチェックされたときに投稿されることを追加したいので、対応するチェックボックスがチェックされていない場合は投稿されたテキストエリアの値を無視し、テキストエリアを無効にする必要はありません。または、両方を安全にするために行ってください。

于 2013-03-15T22:15:46.940 に答える