JQuery event[2] 여러가지..

JQuery event[2] 여러가지..

< script type = "text/javascript" >

$( function () {

//1. 전체선택 만들기

// 사과, 배, 귤 중 아무거나 체크하고 확인 누르면 밑에 체크한 애들만 글씨 나오기

$( "#all" ).on( "click" , function () { //전체선택 만들기

var chk = this .checked;

$.each($( ".fruit" ), function (i, elt) {

elt.checked = chk;

})

})

$( "#test" ).on( "click" , function () {

var data = $( ".fruit" );

var mesg = "" ;

for ( var i = 0 ; i < data. length ; i + + ) {

if (data[i].checked) {

mesg + = data[i].value;

}

}

$( "#result" ).text(mesg);

})

})

< / script >

< / head >

< body >

< input type = "checkbox" id = "all" > 전체선택 < br >

< input type = "checkbox" class = "fruit" value = "사과" > 사과

< input type = "checkbox" class = "fruit" value = "배" > 배

< input type = "checkbox" class = "fruit" value = "귤" > 귤

< button id = "test" > 확인 < / button >

< div id = "result" > < / div >

from http://cocoshin.tistory.com/52 by ccl(A) rewrite - 2021-12-24 08:27:59