일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- header setting
- React
- custom valid
- JavaScript
- 초기 구축
- 헤더 설정
- JPA
- Next.js 14
- 초기 세팅
- docker 설치
- Java
- ollama langflow
- spring boot
- NextJS
- jpa entity자동
- 리눅스
- 도커
- generate pojos
- memcached
- java8
- MySQL
- swagger
- dto valid
- generate entity
- jvm
- CentOS6
- SpringBoot
- spring
- java9
- docker
Archives
- Today
- Total
개발자의 길
[Jquery] form값 가져올때 참고사항들 본문
1. 폼안에 속한 데이터만 선택하기
$("#joinuser").find("input,select,radio");
2. 라디오버튼의 value 가져오기
$("#joinuser").find("[name=chk_confirm]:checked").val();
(샘플 HTML)
3. 체크박스 전체 선택
* 전체선택 : $('input:checkbox[name=docIds]:not(checked)').attr("checked", "checked");
* 전체해제 : $('input:checkbox[name=docIds]:checked').attr("checked", "");
(샘플 HTML)
4. select박스
* 선택된값 가져오기 : $("#frm>[name=category]>option:selected").val() );
* 값 선택하기 : $("#frm").find("[name=category]>option@[value=BLOG]").attr('selected','true')
$("#joinuser").find("input,select,radio");
2. 라디오버튼의 value 가져오기
$("#joinuser").find("[name=chk_confirm]:checked").val();
(샘플 HTML)
<div>
<form name="joinuser" id="joinuser">
<div class='location'>테스트</div>
<input type="password" title="비밀번호" name="password" />
<input type="radio" name="chk_confirm" value="Y" /> 동의
<input type="radio" name="chk_confirm" value="N" /> 미동의
</form>
</div>
<form name="joinuser" id="joinuser">
<div class='location'>테스트</div>
<input type="password" title="비밀번호" name="password" />
<input type="radio" name="chk_confirm" value="Y" /> 동의
<input type="radio" name="chk_confirm" value="N" /> 미동의
</form>
</div>
3. 체크박스 전체 선택
* 전체선택 : $('input:checkbox[name=docIds]:not(checked)').attr("checked", "checked");
* 전체해제 : $('input:checkbox[name=docIds]:checked').attr("checked", "");
(샘플 HTML)
<input type="checkbox" name="docIds" value="1" />
<input type="checkbox" name="docIds" value="2" />
<input type="checkbox" name="docIds" value="3" />
<input type="checkbox" name="docIds" value="4" />
<input type="checkbox" name="docIds" value="2" />
<input type="checkbox" name="docIds" value="3" />
<input type="checkbox" name="docIds" value="4" />
4. select박스
* 선택된값 가져오기 : $("#frm>[name=category]>option:selected").val() );
* 값 선택하기 : $("#frm").find("[name=category]>option@[value=BLOG]").attr('selected','true')
'2. JS' 카테고리의 다른 글
JavaScript event.keyCode 자바스크립트 이벤트 키코드표 (1) | 2011.01.19 |
---|---|
[Jquery] 참고 기능 (1) | 2011.01.13 |
[자바스크립트] 필드 유효성 검사 (0) | 2010.07.22 |
[자바스크립트]레이어 팝업 만들기 (2) | 2010.07.20 |
[자바스크립트] 팝업창 post 방식으로 띄우기 (0) | 2010.07.13 |
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
Comments