2012-04-19 17 views
4

私はdivリストの順序付けられていないリストを含むチェックリストページを持っています。 divがクリックされると、jqueryは "selected"のクラスを切り替えます。 jqueryが送信されると、すべての「選択された」IDの配列が作成され、AJAX経由でサーバーに渡されます。チェックボックスの代わりにdivを使用する

これは適切ですか?私は規則を破っていますか?私はうまくいくようです。フォーマットされたチェックボックスの例を見てきましたが、この方法はよりクリーンで簡単です。おそらくあまりにも簡単なので、私はあなたに細かいグループの人々に助けを求めています。ありがとうございました。

+1

これは問題ありません。 – elclanrs

+3

完全に細かく、時には便利です。楽しみのために、10,000 divのクラスを変更し、10,000のチェックボックスを変更するパフォーマンスを比較してみてください。 –

+0

私はそれをしました。 – chepe263

答えて

2

いいえ、HTMLのセマンティクスを無視するため、「適切」ではありません。

あなたは、アクセシビリティを懸念している場合は、チェックボックスを使用する必要がありますし、スクリーンリーダーなどの<labels>ので、支援技術は何をすべきか知っているだろう。もちろん、JavaScriptが有効になっていなければ、アプリケーションはまったく動作しません。

あなたは、ページの外観を作り、まだチェックボックスを使用しながら、正確にあなたが望むように感じるようにCSSとJavaScriptを使用することができるはずです。それは明らかにより多くの仕事であり、利益が費用を正当化するかどうかはあなた自身が決定します。

+1

+1、div要素がキーボードで焦点を合わせることができることを確認します( 'でtabindex =「0」を'追加する必要があります)とキーボードイベントを処理します。また、divには、スクリーンリーダーユーザーの操作を明白にするテキストがあることを確認してください。 – steveax

関連する問題