개발자의 길

[Jquery] form값 가져올때 참고사항들 본문

2. JS

[Jquery] form값 가져올때 참고사항들

자르르 2011. 1. 13. 17:10


1. 폼안에 속한 데이터만 선택하기 
   $("#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>




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"  /> 

  

4. select박스

* 선택된값 가져오기 : $("#frm>[name=category]>option:selected").val() );
* 값 선택하기 :  $("#frm").find("[name=category]>option@[value=BLOG]").attr('selected','true')




이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
공유하기 링크
Comments