[jQuery] select box 선택 값 / check box 전체 선택

[ select box ]

: select box 선택 값  및 text 가져오기

<select id="selectBox">
    <option value="apple">사과</option>
    <option value="banana">바나나</option>
    <option value="orange">오렌지</option>
</select>

$('#selectBox option:selected').val();            // select box 선택 값 출력
$('#selectBox option:selected').text();           // option 값 출력

  ※ 결과 값

 

: select box 원하는 값 선택하기

$("#selectBox").val('orange').prop("selected", true);

​: select box 최초 선택 값 변경 (select box가 활성화 될 때, 미리 선택 값을 바꿀 수 있다)

<select id="selectBox">
    <option value="apple">사과</option>
    <option value="banana" selected="selected">바나나</option>
    <option value="orange">오렌지</option>
</select>

 

     ->  selected 값을 추가 하면 최초 선택 값을 변경할 수 있다 (최초 선택 값은 바나나가 된다.)

 

 

 

---

[ check box ]

- 체크박스 전체선택 및 선택해제

<input type="checkbox" name="ckall">
<input type="checkbox" name="ck">
<input type="checkbox" name="ck">

$("input[name=ckall]").click(function(){
    if($("input[name=ckall]").prop("checked")){
        $("input[name=ck]").prop("checked",true);   // 전체 체크
    }else{
        $("input[name=ck]").prop("checked",false);  // 전체 체크 해제
    }
});

- 체크박스 선택된 값 배열에 넣기

var chkArray = new Array();

$("input:checkbox[name='delCheck']:checked").each(function(){
    chkArray.push($(this).closest('tr').data('revolutionSeq'));
});