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

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

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개

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

게시글 목록

번호 제목
19384
27584
6013
6004
27572
5997
5992
5981
5964
5952
5948
5941
5937
5934
5931
19383
5926
5923
5913
24558
5912
30895
27563
5907
5903
5900
27556
5898
24555
5894
5893
5890
5884
27537
5881
5878
30888
30884
5876
5874
27524
27514
19379
19377
27509
5869
5866
27505
5865
5860
5857
27503
27481
27462
5856
19511
27458
24547
19374
19373
19371
27453
19370
27449
27441
19366
24544
19365
19361
19360
19358
19356
19354
19351
19348
19346
19339
19334
5849
27439
5846
27434
27429
19331
19329
19328
5841
5840
19326
5834
5831
5826
19324
5821
32040
27426
19320
5816
32030
5815