|
1. 체크박스 선택 유무 ::::: 방법 1 |
|
var iCkecked = 0 ;
$("input[name^=ckbTemplet]").each(function(){
if(this.checked){
iCkecked++;
}
});
if(iCkecked ==0 ){
modal.alert(" 파일을 선택해주세요.");
return;
}
|
|
체크박스 선택 유무 ::::: 방법 2 |
$( 'input:checkbox[name=userGroup]:checked').length
|
| 라디오 값 가져오기 |
$('input:radio[name=timeType]:checked').val()
|
|
2. trim |
|
var str = $.trim(value);
|
|
3. 선택된 값 읽기 |
|
$("#select_box option:selected").val();
$("select[name=selectbox]").val();
jQuery로 선택된 내용 읽기
$("#selectbox option:selected").text(); |
http://hanjiq.egloos.com/2358924 기초 예제
http://pat.im/906 -박스 서서히 사라지는 예제
http://rubis.tistory.com/294 ajax 예제
http://leandrovieira.com/projects/jquery/lightbox/ 이미지 박스에 하이라이트
http://www.mimul.com/pebble/default/2007/11/10/1194695220000.html 이미지 로더 ? 반만 다운후 다보이게
포문
|
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
<script type="text/javascript"> function test() { var a = 0; var su =1; $('div:[id^=div]').each(//각각div:안에 있는 div로 시작()^=)하는 id 호출함 function(){ a +=0.25;//this는 자바 속성인데 $(안에 들어가면 jquery 추가됨) $(this).html(su++).css('background', 'rgba(255,0,0,'+a+')') .css('textAlign', 'center');//html(이안에 html로 쓰겠다는 소리) }) }</script>
</head>
<body>
<input type="button" value="바꾸기" onclick="test()">
<div id="div1" style="border: 1px dotted; width: 300px; height: 50px;"></div>
<div id="div2" style="border: 1px dotted; width: 300px; height: 50px;"></div>
<div id="div3" style="border: 1px dotted; width: 300px; height: 50px;"></div>
<div id="div4" style="border: 1px dotted; width: 300px; height: 50px;"></div>
</body>
</html> |
http://findfun.tistory.com/404 --예제 많음
--> http://findfun.tistory.com/421 ---- trim
--> http://findfun.tistory.com/414 ----- 오브젝트 배열로 만들기 ~
--> http://findfun.tistory.com/410 ---숫자 체크
--> http://findfun.tistory.com/408 -- isPlainObject() 오브젝트 가 맞는지 확인
--> http://findfun.tistory.com/403 -- each 반복문 ..
--> http://findfun.tistory.com/401 -- ajax 할때 파라메타 쉽게 만들기
--> http://findfun.tistory.com/400 -- ajax post
http://blog.naver.com/tweety2411?Redirect=Log&logNo=100161568560 ajax 파일 업로드
http://malsup.com/jquery/form/#file-upload 파일 업로드
http://stackoverflow.com/questions/2259551/spring-3-0-making-json-response-using-jackson-message-converter?rq=1
RECENT COMMENT