2012-04-19 3 views
4

정렬되지 않은 div 목록이있는 체크리스트 페이지가 있습니다. div가 클릭되면 jquery는 "selected"클래스를 토글합니다. 제출 될 때, jquery는 모든 "선택된"ID의 배열을 만들고 그것을 AJAX를 통해 서버에 전달합니다.체크 박스의 자리 표시 자 사용

적절합니까? 내가 규칙을 어기는거야? 나는 잘 작동하는 것 같다. 형식화 된 확인란의 예를 보았지만이 방법은 훨씬 쉽고 편리합니다. 아마도 너무 쉽게 사람들에게 도움을 청할 필요가 있습니다. 고맙습니다.

+1

괜찮습니다. 아무런 문제가 없습니다. – elclanrs

+3

완전히 유용하고 때로는 유용합니다. 재미를 위해 10,000 div의 클래스를 변경하고 10,000 개의 체크 박스를 변경하는 성능을 비교해보십시오. –

+0

나는 그것을했다. – chepe263

답변

2

아니요, HTML의 의미를 무시하기 때문에 "적절하지 않습니다".

접근성이 염려되면 <labels> 확인란을 사용해야 스크린 리더와 같은 보조 기술로 무엇을해야하는지 알 수 있습니다. 물론 자바 스크립트를 사용하지 않으면 앱이 전혀 작동하지 않습니다.

체크 상자를 사용하는 동안 CSS 및 JavaScript를 사용하여 원하는 모양과 느낌을 정확하게 나타낼 수 있어야합니다. 분명히 더 많은 일이 있으며, 혜택이 비용을 정당화하는지 여부는 귀하가 결정할 것입니다.

+1

+1 적어도 div가 키보드로 포커스 될 수 있는지 확인하십시오 ('tabindex = "0"'을 추가해야합니다). 그리고 키보드 이벤트를 처리하십시오. 또한 div에 텍스트가있어 화면 판독기 사용자가 작업을 쉽게 할 수 있는지 확인하십시오. – steveax