隠し要素の子要素をjqueryで入力する属性を追加しますか？

Question

私はJQueryで何かを達成しようとしており、動作させることができません。 JQueryの人ではないということは、私と関係があります。だから、これは間違っていると確信しています。

私は非常に大きなフォームを持っていて、ラジオボタンの値が選択されているかどうかによっては、特定のフォームセクションが表示されない場所に条件があります。だから、私がやったことは、特定の値が選択されたときにdiv要素に「hide-me」クラスを追加または削除して、内部のすべてのフォームフィールドが表示されないようにすることです。問題は、必要なものがあれば、フォームは提出されず、表示されないフィールドには記入できません。だから私がしたいのは、フォームが提出されたときに、div-myクラスのクラス内のすべての子入力要素を最初に取得し、無効の属性を設定する必要があります。

どうすればこの問題を解決できますか？このonsubmitを行うために、私はあなたがこれを行うにしようと理解していない、

$('.hide-me').children("input").attr("disabled", true); 

しかし：http://codepen.io/amarit84/pen/KMgKRd

$('#test_form_id').submit(function() { 
    $('.hide-me').children(":input").prop("disabled", true); 
}); 

Answer 1

あなたのsubmit（）の外に置くだけで、あなたのサンプルが動作しないので、私はあなたのコードにjqueryを追加しました。

$('.hide-me').children(":input").prop("disabled", true); 
$('#test_form_id').submit(function() { 

}); 

隠し入力を無効にするには、jQueryのコードは、あなたの（提出の内側にあるので、それは常に隠されたフォームを埋めるためにトリガーされます）、HTML5の検証は、コードが文句を言わない隠された入力を無効に実行する理由のthatsを提出トリガーからあなたを停止しています。 codepen sample updated

Answer 2

はこれを試してみてください：ここで

は、いくつかのサンプルコードです。ページはとにかくリロードされます...

Here's a Fiddle変更されたコード。