이 Jquery 코드가 실행되지 않는 이유는 무엇입니까?

Question

HTML select 요소의 .change 상태를 확인하는 Jquery 코드가 있는데, select 요소가 변경되면 특정 라디오 버튼이 활성화되어 있는지 확인해야합니다.

$('#select_ele').change(function(){ 
    // 
    //... Doing all kind of fancy stuff here 
    // 
    if($('input[name="radio_button"]').val() == 'bp'){ 
     alert('YO'); 
    } 
}); 

그래서 'bp'라디오 버튼이 활성화되어 있다면 선택 확인이 변경됩니다. 그렇다면 경고합니다.

Answer 1

코드는 항상이 선택되어 있는지 여부, 당신이 찾은 첫 번째 name="radio_button" 경기의 .val()을 줄 것이다.

대신 checked-selector^(docs)을 사용하여 확인 된 값을 가져와야합니다.

$('input[name="radio_button"]:checked').val() == 'bp' 

Answer 2

문서가로드되기 전에 코드가 실행 중일 수 있습니다.
따라서 선택자가 일치하지 않습니다 (문서가 아직 파싱되지 않았기 때문에). 스크립트가 아무 것도하지 않습니다. <script> 블록을 페이지 맨 아래로 이동하거나 $(function() { ... })으로 감 쌉니다. 문서로드 이벤트에서). .

($은 ('입력 [이름 = "BP가"]') (경우 ": 선택"

Answer 3

이 당신이 찾고있는 무엇을 생각) { 경고 ("요"); })

Answer 4

중간에이 코드를 입력하면 문제를 해결하는 데 도움이됩니다.

alert("Hello I am Working") 

이 외에도.

console.log(event.type);