javascriptでフォームを折りたたんでください

Question

javascriptでこのようなjqueryフレームワークを使用せずに、チェックボックスやラジオボタンのリストを持つ単純なフォームを使用することは可能ですか？特定のものが選択されている場合は、チェックボックス/ラジオボタン？

Answer 1

はい、可能ですが、フレームワークで行うよりもはるかに多くの作業があります。フォームの要素を見つけるためにはDOMトラバーサルコードを、フォーム要素のイベントに関数をバインドするイベントバインディングコード（これはIEと非IEの違いがあります）を作成し、次にsubのstyle.displayプロパティを使用する必要があります - それらを隠すまたは表示する要素。

詳細については、Quirksmode.orgに、私が見つけた基本的なJavaScriptの説明があります。

Answer 2

フレームワークなしでできることは、どのフレームワークでも実行できます。

フレームワークを使用すると、多くの場合、ハードリフトに対処する必要がなくなります。

それぞれのチェックボックスまたはラジオボタンにonclickイベントハンドラがあり、それをクリックすると新しいdivが作成され、追加情報が入力されます。既に実装されていて、cssを使用して非表示になった後、イベントハンドラに表示させます。

ユーザビリティに関するビジョンがどのようなものかに応じて、提案していることを実行する方法はたくさんあります。

Answer 3

確かにonChangeイベントとDOM操作を使用しています... あなた自身のアニメーションを書くことを検討するかもしれませんが、本当に多くのコミュニティがあなたのために仕事をしたら本当になぜですか？

Answer 4

<input ... onclick="toggleDetails(this);" /> 
<div id='detailsView' style='display:none'gt; 
    content to display when checked 
</div> 

... script ... 

function toggleDetails(chk) { 
    document.getelemantById('detailsView').style.display = 
    chk.checked ? "block" : "none"; 
}

すべての正直なところ、jQueryのようなフレームワークを使用すると長期的にはより良いものになります。