레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시
레이블이 javascript인 게시물을 표시합니다. 모든 게시물 표시

2017년 11월 29일 수요일

[Javscript] JQuery 체크 박스 전체 선택


// 전체선택 체크 박스
<input id="check_all" type="checkbox" />모두선택

// 선택될 체크 박스들.. 
<input class="checks" name="check[]" type="checkbox" value="1" />1
<input class="checks" name="check[]" type="checkbox" value="2" />2
<input class="checks" name="check[]" type="checkbox" value="3" />3
<input class="checks" name="check[]" type="checkbox" value="4" />4
<input class="checks" name="check[]" type="checkbox" value="5" />5
 
<script type="text/javascript">

$(document).on('click', '#check_all', function(){

    $('.checks').prop('checked', !!$(this).prop('checked'));

});
</script> 
 
모두선택을 위해 id : check_all 체크 박스를 선택하면

checks로 클래스 선언된 모든 체크 박스를 선택/해제 할 수 있습니다.

2017년 10월 15일 일요일

[Javascript] br2nl. BR태그를 개행문자로 변경


var msg = 'This is my life.<br>Yesterday!!';
msg = msg.replace(/<br>/gi, '\n');

결과

This is my life

Yesterday!!