HTML と JS を使用してhttp://prntscr.com/9z7pkを作成する方法を知っている人はいますか? 私が言いたいことをよりよく理解できるように、この画像を作成しました。私はすでに2つの複数選択入力でこれを行っていますが、htmlに挿入してチェックボックスを配置する方法がわかりません。
前もって感謝します！
質問する
53 次
2 に答える
0
アプリケーションにこれらの複雑なウィジェットが多数あることに気付いた場合は、 extJSなどのフレームワークや他の同様のフレームワークを検討する必要があります。頭の痛い問題を解決し、すでに何度も再発明された車輪を再発明することを防ぎます。
于 2012-06-01T13:39:15.987 に答える
0
残念ながら、複数選択では、ティックボックスやその他の任意のコンテンツをメニュー項目に挿入することはできません。これは、OS ネイティブの複数選択ホットキー (通常はシフトとコントロール) に依存しています。
試してみることができるのは、両方のアイテムをolまたはulリストとしてスタイリングし、ドキュメントアイテムをliそれらの要素としてスタイリングすることです。右側のリストに項目を追加するたびに、新しい要素をレンダリングし、選択した項目のコンマ区切りリストでli更新します。<input type="hidden" />
インタラクションをどのように機能させたいかに応じて、次のことができます。
- 図のように追加/削除ボタンを実装し、リストで複数選択を自分で実装する必要があります。extJS (前述の zi42) などのウィジェット フレームワークがこれに役立ちます。
- 左ボックス内のすべての項目の横に「追加」リンクを配置し、選択ボックス内の必須項目を除くすべての項目の横に「削除」リンクを配置します。
- 二重のボックスを破棄し、代わりに、チェックボックス入力がチェックされているが無効になっている必要がある必須アイテムを除いて、単一の統合リスト内のすべてのアイテムに対してチェックボックスを配置します。
于 2012-06-01T13:52:31.197 に答える