'개발Story'에 해당되는 글 18건

<ul style="list-style: none;">

블로그 이미지

galaxyvom

◆개발자 놀이터 아직 초보라 글에 실수가 있을 수 있습니다 ;-)

,

체크 옵션을 주는 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;

}

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

'개발Story > JQuery' 카테고리의 다른 글

selectbox 옵션 다루기  (0) 2017.06.30
[JQuery]클릭이벤트 주기  (0) 2016.12.02
[radio] Show, Hide 보이기 숨기기 기능  (0) 2016.06.28
[radio] disable속성 다루기  (0) 2016.06.28
블로그 이미지

galaxyvom

◆개발자 놀이터 아직 초보라 글에 실수가 있을 수 있습니다 ;-)

,


[show/hide]

$("#authPart0").click(function(){

        $("#oneChance").show();

        $("#oneDay").show();

        $("input:radio[name='surveyDbltype'][value='0']").prop("checked", true);

});


$("#authPart1").click(function(){

        $("#oneChance").hide();

        $("#oneDay").hide();

        $("input:radio[name='surveyDbltype'][value='2']").prop("checked", true);

});



[Html]

<tr>

<th><span style="color: red">* </span>참여권한</th>

<td>

<label><input type="radio" id="authPart0" name="authPart" value="0" checked="checked" style="width: 30px">회원</label> 

<label><input type="radio" id="authPart1" name="authPart" value="1" style="width: 30px">비회원</label>

</td>

</tr>

<tr>

<th><span style="color: red">* </span>참여형태</th>

<td>

<label id="oneChance"><input type="radio" id="survey0" name="surveyDbltype" value="0" checked="checked" style="width: 30px">1회</label> 

<label id="oneDay"><input type="radio" id="survey1" name="surveyDbltype" value="1" style="width: 30px">일별</label> 

<label id="multiChance"><input type="radio" id="survey2" name="surveyDbltype" value="2" style="width: 30px">중복</label>

</td>

</tr>




'개발Story > JQuery' 카테고리의 다른 글

selectbox 옵션 다루기  (0) 2017.06.30
[JQuery]클릭이벤트 주기  (0) 2016.12.02
[checkbox] Check옵션 다루기  (0) 2016.06.28
[radio] disable속성 다루기  (0) 2016.06.28
블로그 이미지

galaxyvom

◆개발자 놀이터 아직 초보라 글에 실수가 있을 수 있습니다 ;-)

,