<ul style="list-style: none;">
'개발Story'에 해당되는 글 18건
- 2016.08.09 [HTML] 리스트 <ul> 점빼기 속성
- 2016.06.28 [checkbox] Check옵션 다루기
- 2016.06.28 [radio] Show, Hide 보이기 숨기기 기능
체크 옵션을 주는 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 |
[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 |