테스트 사이트 - 개발 중인 베타 버전입니다

jquery enable, disable로 선택적으로 버튼 활성화 시키기

· 12년 전 · 20433 · 5
1. 스크립트 부분

$(document).ready(function(){
 $(”#q12_yes”).click(function(){
    $(”[id=q12_2]”).attr(“disabled”,true);
    $(”[id=q12_1]”).removeAttr(“disabled”);
 });

 $(”#q12_no”).click(function(){
    $(”[id=q12_2]”).removeAttr(“disabled”);
    $(”[id=q12_1]”).attr(“disabled”,true);
 });

 });

대상 항목이 하나 뿐일 경우는 $("#q12_1").attr(...
이런 식으로 적을 수 있다.
이 코딩 을 짤 당시 항목이 6지 선다쯤 되어서 모두 disable 시키기 위해
같은 아이디를 주고 위와 같은 방법으로 만들었다.
html은 별거 없다.

radio버튼에서 id=12_yes 클릭되면 id가 12_1 인 폼 만 활성화 12_no가 클릭되면 12_2 인 폼만
활성화 된다.

^^!

http://musecom.net   by wein




댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 5개

감사합니다
12년 전
disabled 속성이 1.6 이상부턴 attr이 아닌 prop로 변경되었습니다.
ㅎㅎ 제가 달가 했더니 이미 달려 있네요 ㅎㅎ
아 그렇군요. ㅎㅎ
고맙습니다.
감사합니다

게시글 목록

번호 제목
28403
28402
28401
28398
28397
28394
4504
26593
4502
18132
28388
4496
4491
4486
4483
4482
4479
18122
18120
26590
18113
24419
4474
4465
4461
4460
4451
26589
퍼블리셔 이뻐요^^
4450
4448
24418
31037
26390
4446
26585
26581
26578
18098
4443
18097
26388
18094
30596
26387
18091
4445
18088
18086
18085
18082
18081
18078
18076
18074
18072
18070
18069
18066
18064
18057
18056
30588
18055
18054
30585
18051
18050
18048
18047
18044
26386
18042
30580
4425
18039
18037
18031
18028
18027
18022
18018
18016
18009
4423
18003
18000
17999
17996
17993
17989
17987
17986
17985
17984
4411
17979
30576
26383
17975
30569