jquery 단일 선택 단추 가 있 는 표 줄 선택 시 하 이 라이트 표시

지난 블 로 그 는 체크 상자 라 고 썼 습 니 다.이번 에는 체크 상자 라 고 썼 습 니 다.검색 할 때 기록 하나만 선택 할 수 있 습 니 다.선택 한 이 기록 의 줄 을 하 이 라이트 로 표시 하면 이 줄 의 체크 단추 도 선택 되 어 사용자 의 체험 을 향상 시 킬 수 있 습 니 다.지금의 시 대 는 바로 사용자 체험 의 시대 다.효 과 는 다음 과 같다.CSS 파일 은 다음 과 같다.
 
.selected{
background:#FF6500;
color:#fff;
}:
이번 js 파일 의 코드 는 더욱 간단 해 졌 다.다음 과 같다.
 
/**
*
*/
$(document).ready(function()
{
/**
*
*/
$("#tablight tr:gt(0)").click(function() // 2
{
$(this).addClass("selected").siblings().removeClass("selected").end().find(":radio").attr("checked",true);
});
});
코드 를 적용 하려 면 표 에 id 속성 을 추가 해 야 하고 속성 값 은'tablight'이다.이것 은 일단 다 되면 사용 할 때 이 두 파일 을 인용 하면 된다.

좋은 웹페이지 즐겨찾기