체크 박스가 jQuery로 선택되었을 때 선택 요소 비활성화

Question

원하는 확인란을 선택하면 선택 양식 요소를 사용할 수 없게하는 스크립트를 만들고 싶습니다. 더 많은 시간이 필요할 것이므로 대상 선택 ID를 인수로 사용하는 함수로 만들고 싶습니다. 문제는,이 함수는 id를 인수로 전달할 때 작동하지 않는다는 것입니다. 반대로, 그것은 하드 코딩 된 ID와 함께 작동하는 것 같습니다.

<select id="worldSelect" class="select" name="world"> 
<input id="worldcb" type="checkbox" checked="yes" value="any" name="world"> 

function toggleSelection(id){ 
    var el = '#' + id; 
    if (this.checked) { 
     $(el).attr('disabled', 'disabled'); 
    } else { 
     $(el).removeAttr('disabled'); 
    } 
} 

$(function() { 
    toggleSelection('worldSelect'); 
    $('#worldcb').click(toggleSelection); 
}); 

Answer 1

동일한 함수를 두 번 호출 할 수 없으며 함수가 id 변수를 기억할 것으로 기대합니다.

이 같은 뭔가를 할 수 그러나 :

function toggleSelection(e){ 
    var el = '#' + e.data; 
    console.log(arguments); 
    if (this.checked) { 
     $(el).attr('disabled', 'disabled'); 
    } else { 
     $(el).removeAttr('disabled'); 
    } 
} 

$(function() { 
    $('#worldcb').click('worldSelect', toggleSelection); 
});​ 

바이올린 : http://jsfiddle.net/4ZBne/1/

Answer 2

방법에 대해 :

$('#worldcb').click(function() { 
    toggleSelection('worldSelect', $(this).is(':checked')); 
}); 

function toggleSelection(sel, chk) { 
    $('#' + sel).attr('disabled', chk); 
}​ 

jsFiddle example.

toggleSelection() 함수는 선택 상자의 ID 인 sel과 사용할 체크 상자 인 chk라는 두 개의 인수를 사용합니다.