JQuery 선택자
1 2 3 4 5 6 7 8 9 10 11 12 | <input type="text" class="text_box" id="text_id"/> <select id="select_id"> <option value="1">1</option> <option value="2">2</option> </select> <input type="radio" name="radio_name" value="1" checked="checked"/> <input type="radio" name="radio_name" value="2"/> <input type="checkbox" name="checkbox_name" id="checkbox_id1" value="1" checked="checked"/> <input type="checkbox" name="checkbox_name" id="checkbox_id2" value="2"/> | cs |
input type = "text" 일 경우
1 | var text_value = $("#text_id").val(); | cs |
text_value 의 변수에 id가 "text_id"인 value 을 넣을 수 있다.
id 가 "text_id"인 곳에 값을 넣으려면
1 | $("#text_id").val('텍스트박스에 값넣기'); | cs |
"select" 일 경우
1 | var select_value = $("#select_id option:selected).val(); | cs |
select_value 의 변수에 id가 "select_id"인 선택된 option의 value 를 넣을 수 있다.
1 | $("#select_id").val('1').prop("selected",true); | cs |
select_id 의 value 가 '1'인 option 이 선택된다.
input type = "radio" 일 경우
1 | var radio_value = $(":input:radio[name=radio_name]:checked").val(); | cs |
요소 하나 하나 선택하고 싶을시에는 radio의 id 를 각각 주고 name 대신 id 로 선택하면된다.
1 | $("input:radio[name='radio_name']:radio[value='2']").prop("checked",true); | cs |
input type = "checkbox" 일 경우
1 | $("input:checkbox[name='checkbox_name']:checkbox[value='2']").prop("checked",true); | cs |
1 | $("#checkbox_id1").prop('checked',true); | cs |
'개발 > JQuery' 카테고리의 다른 글
| [jquery] html 특정영역(div) 이외 클릭시 이벤트 (0) | 2022.08.18 |
|---|---|
| [Jquery] Jqeury alert - 제이쿼리 alert (0) | 2019.03.19 |