[JQuery]
$(function() {
$("#authPart0").click(function(){
$("input:radio[name='surveyDbltype'][value='0']").prop("checked", true);
$('#survey0').removeAttr('disabled');
$('#survey1').removeAttr('disabled');
});
$("#authPart1").click(function(){
$("input:radio[name='surveyDbltype'][value='2']").prop("checked", true);
$('#survey0').attr('disabled', 'true');
$('#survey1').attr('disabled', 'true');
});
})// end function
[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] Show, Hide 보이기 숨기기 기능 (0) | 2016.06.28 |