'개발Story/JQuery'에 해당되는 글 5건

SELECTBOX VALUE 다루기

[1]option의 value 추출하는 방법

<select id="seledtBox" onchange="alert(this.value)">

<option id="tree" value="code01">나무</option>

<option id="flower" value="code02">꽃</option>

</select>

option의 value값인 code01, code02가 출력

--------------------------------------------------------------------------------------------------------------------------

[2]selected된 옵션의 text 추출하는 방법

<select id="seledtBox" onchange="alert(this.options[this.selectedIndex].text)">

<option id="tree" value="code01">나무</option>

<option id="flower" value="code02">꽃</option>

</select>

나무, 꽃 이 출력

JQuery 클릭이벤트!

태그안 onclick속성말고 스크립트에서 클릭이벤트 주는방법입니다.

document ready나 특정 함수안에 넣어서 사용합니다.

체크 옵션을 주는 JQuery

-체크

$("input[name='네임명']").prop("checked", true);

-해제

$("input[name='네임명']").prop("checked", false);

체크된  value를 가져오는 JQuery

$("input[name='네임명']:checked").val();

체크가 되었다면

$("#아이디").is(":checked")

( 예시 )

if($("#aaa").is(":checked")){

$("#bbb").attr("disabled",true);

$("#ccc").attr("disabled",false); 

}else{

$("#bbb").attr("disabled",false);

$("#ccc").attr("disabled",true); 

}

------------------------------------------------------------------------------------------------------------------------------------

[화면]

[HTML] : 

네임셀렉터를 이용해 네임이 같은것의 개수 구하기

제이쿼리 : var size=$("input[name='네임명']").length;

체크박스가 하나이상 체크되었는지 조회할때, 반복문 사용하기.

var cnt=0;

var size=$("input[name='chk']").length;

for(var i=0;i<size;i++){

if($("input[id='chk"+(i+1)+"']:checked").val() != "Y"){

cnt++;

}

}

if (cnt == 5) {

alert("사용할 응답항목을 1개 이상 체크하세요.");

return;

}

------------------------------------------------------------------------------------------------------------------------------------