.prop if 문과 JQuery

Question

.prop()를 if 문에 사용하면 항상 false를 반환하는 이유를 이해하려고합니다. 내 목표는 "#manualOverrideNo"라디오 버튼이 선택된 경우에만 JS가 실행되도록하는 것입니다. 누군가가 나를 계몽 할 수 있다면 매우 감사 할 것입니다. 다시

if($('#manualOverrideNo').prop('checked')) { 
    //Code For Auto-complete 

      //Quantity for Posts 
      $('#footage').bind('keypress keydown keyup change', function(){ 
       var footage = parseFloat($(':input[name="footage"]').val(),10); 
       var total = ''; 
       if(!isNaN(footage)){ 
       total = Math.ceil(footage /7); 
       } 
     $(':input[name="postQuantity"]').val(total.toString()); 
      }); 
} 

감사 :

HTML : 수동 오버라이드 (override)하는 :

<label>No<input type="radio" name="manualOverride" 
id="manualOverrideNo" value="no" checked /></label> 

<label>Yes<input type="radio" name="manualOverride" 
id="manualOverrideYes" value="yes" /></label> 

<label>Footage:<input type="number" id="footage" 
name="footage" value="" /></label> 

<label>Post Quantity:<input type="postQuantity" 

name="postQuantity" id="postQuantity" value="" /></label> 

JS뿐만 아니라 여기 - http://jsfiddle.net/gv0029/xEfw4/1/ - 여기에 코드 조각의 바이올린입니다! 모두 내 영웅이야!

Answer 1

나는 바이올린을 변경했습니다 그리고 당신도, 당신은 작업을 한 후 값을 확인해야합니다, 바이올린에 .prop 대신 .attr의이 필요 지금

http://jsfiddle.net/xEfw4/5/

작동합니다 페이지가로드 될 때가 아니라 페이지가 발생했습니다.

//Code For Auto-complete 
//Quantity for Posts 
$('#footage').bind('keypress keydown keyup change', function() 
{ 
    if($('#manualOverrideNo').prop('checked')) 
    { 
     var footage = parseFloat($(':input[name="footage"]').val(),10); 
     var total = ''; 
     if(!isNaN(footage)) 
     { 
      total = Math.ceil(footage /7); 
     } 
     $(':input[name="postQuantity"]').val(total.toString()); 
    } 
}); 

http://api.jquery.com/prop/ 속성과 속성의 차이점에 대한 정보가 있습니다.