라디오 버튼에서 선택된 값을 계속 탐지하십시오.

Question

이 코드는 두 번째 라디오 버튼이 선택되었음을 감지했기 때문에 아래의 경우 경고가 표시됩니다. 그러나 첫 번째 것을 선택하고 두 번째를 다시 선택하면 경고가 표시되지 않습니다. 왜요?

http://jsfiddle.net/h6j58/3/

<input type="radio" id="s530351a84b2aa_tipo_0" name="radioName" required="required" value="0" > 
<input type="radio" id="s530351a84b2aa_tipo_1" name="radioName" required="required" value="1" checked="checked"> 

$(document).ready(function(){ 
    if($("input[name=radioName]:checked").val() == 1) 
    { 
    alert("fajslf");  
    } 
}); 

Answer 1

당신이 당신의 특정 radion이 document load에 체크하면 바로 확인, 이벤트를 캡처하지 않기 때문에 그것은 발생합니다. 당신은 다음 코드에서와 같이 라디오 버튼의 change 이벤트를 캡처해야합니다

$("input[name=radioName]").on("change", function() { 
    if($("input[name=radioName]:checked").val() == 1) 
    { 
     alert("fajslf");  
    } 
}); 

Fiddle demo

Answer 2

하자마자 document가 ready 같이이 if 문을 사용하기 때문에. 라디오 요소의 변경 사항을 감지하려면 change 이벤트 처리기를 추가해야합니다.

$("input[name=radioName]").on("change", function() { 
    if (this.checked && this.value === "1") 
    { 
     alert("fajslf");  
    } 
}); 

JSFiddle demo.

페이지가로드 될 때도 알림이 표시되어야합니다.

이 경우 수표를 별도의 기능으로 옮길 수 있습니다.

function checkRadio(elem) { 
    // If this element has a value of 1 and is checked, alert 
    if (elem.value === "1" && elem.checked) 
     alert("fajslf"); 
} 

// On radio change function, call checkRadio 
$("input[name=radioName]").on("change", function() { 
    checkRadio(this); 
}); 

// Call checkRadio on document ready, passing in the radio with value of 1 
checkRadio($('input[name=radioName][value=1]')[0]); 

JSFiddle demo : 여기가 유일한 인수로 요소를 취이 기능 checkRadio라고했습니다. 이 같은

Answer 3

http://jsfiddle.net/h6j58/6/

$(document).ready(function(){ 
    $('input[name=radioName]').change(function(){ 
    if($(this).val() == 1) 
    { 
    alert("fajslf");  
    } 
    }); 
}); 

Answer 4

편집 코드 :

$(".testValue").change(function(){ 
    if($("input[name=radioName]:checked").val() == 1) 
    { 
    alert("fajslf");  
    } 
}); 

및 addClass 귀하의 의견.

Checkt의 IT 바이올린 : http://jsfiddle.net/mehmetakifalp/h6j58/7/

Answer 5

나는 당신의 Fiddle demo을 업데이트했습니다.

$(document).ready(function(){ 
    $("input[name=radioName]").click(function() { 

     if($(this).prop('checked') && $(this).val() == 1) 
     { 
      alert("fajslf");  
     } 
    }); 
}); 

Answer 6

당신은 당신은`변화를 해고하는 것을 잊었다이 방법

$(document).ready(function() { 
     $('input[name=radioName]:checked').change(function() { 

       alert("alert statements..."); 

     }); 
    });