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

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로 변경되었습니다.
ㅎㅎ 제가 달가 했더니 이미 달려 있네요 ㅎㅎ
아 그렇군요. ㅎㅎ
고맙습니다.

게시글 목록

번호 제목
6615
6614
6606
19438
6604
6592
6588
6586
6583
6577
19437
6576
6575
6574
19435
27715
6571
6570
6562
6559
6553
6552
6551
6548
24572
6545
6544
6543
6541
6539
6527
6526
6524
6519
6516
27701
27699
6515
19434
6514
19433
6503
19432
6500
6497
6496
6491
6485
32041
6483
6479
6478
6475
6473
6467
6465
6462
27697
6454
6451
27695
6446
6440
6437
27688
6433
6430
6427
6426
6422
6421
6418
27686
27678
6414
6410
6404
6400
6398
6389
6384
6383
6378
6370
6363
6348
6338
6329
6328
6316
6309
6299
6296
27674
27671
6293
6282
24570
6277
6264