>웹 프론트엔드 >JS 튜토리얼 >js 다중 모두 선택 및 모든 선택 취소 구현 code_javascript 기술

js 다중 모두 선택 및 모든 선택 취소 구현 code_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:47:131097검색
코드 복사 코드는 다음과 같습니다.

$("select").change(function() {
var n = $(this).children().length;
var obj;
var i = 1;
$(this).children().each(function(){
if(i == n)
{
Alert($(this).text());
}
i ;
});
});

위의 두 가지 방법을 바탕으로 다음과 같이 쉽게 원하는 효과를 얻었습니다.
코드 복사 코드는 다음과 같습니다.

function selectall()
{
$("select").children().each(function(){$(this) .attr("selected" ,"selected")})
}

각각 children() 및 $(this).attr("selected","selected") 사용
js 사용법
코드 복사 코드는 다음과 같습니다.