확인란을 사용하지 않고 HTML에서 여러 행 선택

확인란을 사용하지 않고 표에서 여러 행을 선택하고 싶습니다. 이 일을 할 수있는 방법이 있습니까?확인란을 사용하지 않고 HTML에서 여러 행 선택

방법을 선택하십시오. – Znarkus

"체크 보이"란 무엇입니까? –

oops !! 죄송합니다. 확인란 ... –

시각적으로 선택하면 Javascript와 CSS를 사용하는 것이 가능합니다.

jQuery 또는 기타 JS library을 사용하면 클릭 할 때 행에 HTML 클래스를 추가 할 수 있습니다. 그런 다음 CSS를 사용하여 해당 클래스의 스타일을 지정하십시오.

jQuery를 :

$('tr').click(function(){ $(this).toggleClass('selected'); });

CSS :

tr.selected { background: #ccc; }

2011-01-18 10:42:49 Znarkus

물론 폼 프로세서의 관점에서 체크 박스를 효과적으로 에뮬레이트 한 숨겨진 필드를 가지고이를 되돌릴 수는 없습니다. 즉, 우아한 퇴화가 문제가 될 것이라고 말했다. :-) –

@middapark : "왜 안되는거야?"* 아마도 : –

@Tomalak Geret'kal Yup. 수정 됨. 머리를위한 Ta. :-) –

나는이 관련이 있는지 잘 모르겠지만, this SO 질문에서보세요.

jQuery UI를 사용하여 드래그 선택을 수행 할 수 있습니다. 격자 모양 설정을 위해 demo here 및 here을 사용할 수 있습니다.

2011-01-18 10:45:53

답변