jquery 1.8.2基于复选框状态启用/禁用提交按钮

Question

我能够使用jquery 1.6获得此工作，但我升级到1.8，无法使其工作。这里的jfiddle：link

，代码：

HTML：

<form id="ad_form" method="post" action=""> 
    <input type="checkbox" id="tosId" name="tos_name" style="padding:0; margin:0" ></input>  
    <br /> 
    <input type="submit" id="submitId" name="submit_name" value="Submit" /></input> 
</form>​ 

的jQuery：

$('#submitId').attr('disabled', 'disabled'); 

function updateFormEnabled() 
    { 
     if($('#tosId').prop('checked')) 
     { 
      $('#submitId').attr('disabled', ''); 
     } 
     else 
     { 
      $('#submitId').attr('disabled', 'disabled'); 
     } 
    } 

$('#tosId').change(updateFormEnabled);​ 

Answer 1

使用removeAttr（）

if($('#tosId').prop('checked')) 
    { 
     $('#submitId').removeAttr('disabled'); 
    } 
    else 
    { 
     $('#submitId').attr('disabled', 'disabled'); 
    } 

Answer 2

应该

是$('#submitId').removeAttr('disabled');

，而不是$('#submitId').attr('disabled', '');

Answer 3

$('#submitId').attr('disabled', 'disabled'); 

function updateFormEnabled() 
{ 
    if($('#tosId').prop('checked')) 
    { 
     $('#submitId').attr('disabled', false); 
    } 
    else 
    { 
     $('#submitId').attr('disabled', true); 
    } 
} 

$('#tosId').change(updateFormEnabled);​ 

应该工作jfiddle

Answer 4

它使用prop方法的jQuery 1.8个好主意：

function updateFormEnabled() 
{ 
    var checked = $('#tosId').prop('checked'); 
    $('#submitId').prop('disabled', !checked); 
} 

小提琴：http://jsfiddle.net/3aFaA/3/

Answer 5

$('#submitId').attr('disabled', 'disabled'); 

function updateFormEnabled() 
    { 
     if($('#tosId').prop('checked')) 
     { 
      $('#submitId').attr('disabled', false); 
     } 
     else 
     { 
      $('#submitId').attr('disabled', true); 
     } 
    } 

$('#tosId').change(updateFormEnabled); 

Answer 6

您应该使用.prop（）来设置disabled属性

function updateFormEnabled(){   
    $('#submitId').prop('disabled', !$('#tosId').prop('checked'));   
} 

从jQuery的文档http://api.jquery.com/prop/

的.prop（）方法应该被用来设置残疾人和检查代替。 attr（）方法。