Как сделать кнопку отключенной с помощью JQuery?

Question

Я разрабатываю приложение MVC. У меня есть флажок и кнопка отправки.

Я хочу включить кнопку отправки на флажковом флажковом флажке и на непроверенной кнопке отправки отключить.

Как это сделать?

У меня есть ниже код ....

@model PaymentAdviceEntity.Account 
    @using PaymentAdviceEntity; 


    @{ 
     ViewBag.Title = "Create"; 
     PaymentAdvice oPA = new PaymentAdvice(); 
     oPA = (PaymentAdvice)ViewBag.PaymentAdviceObject; 

     <div> 
      <input type="checkbox" class="optionChk" value="1" /> Paid 
     </div> 

    <input type="submit" value="Create" /> 
    <input type="button" class="btn-primary" /> 
    } 

    <script type="text/javascript"> 
$(".optionChk").on("change", function() { 
    if ($(this).is(":checked")) 
    { 
     alert("1"); 

     $(".SubmitButton").attr("disabled", "disabled"); 
    } else 
    { 
     alert("2"); 

     $(".SubmitButton").attr("enable", "enable"); 
    }  
}); 
</script> 

Answer 1

Попробуйте это:

$(".optionChk").on("change", function() { 
    if ($(this).is(":checked")) { 
     $("input[type=submit]").removeAttr("disabled"); 
    } else { 
     $("input[type=submit]").attr("disabled", "disabled"); 
    }  
}); 

JSFiddle

Answer 2

Попробуйте это:

$(function(){ 
    $('.optionChk').click(function(){ 
     $('input[type="submit"]').toggle('fast'); 
    }); 

}); 

и HTML:

<div> 
     <input type="checkbox" class="optionChk" value="1" checked="checked" /> Paid 
    </div> 

<input type="submit" value="Create" /> 

работает FIDDLE

Answer 3

Вы должны использовать prop, чтобы установить/получить отключенное свойство

$(".optionChk").on("change", function() { 
    $("input[type=submit]").prop("disabled",!this.checked); 
}); 

Также ваша кнопка отправки не имеет класс = «Отправить», так что вы должны использовать атрибуты селектор .. или присвоить ему класс = «Отправить» и использовать $('.Submit') вместо $('input[type=submit]')

FIDDLE

Answer 4

Отключить Submit Button:

$(".optionChk").on("change", function() { 

if ($(this).is(":checked")) 
{ 
$("input[type='submit']").attr('disabled',false); //button will be enabled 
} 
else 
{ 
$("input[type='submit']").attr('disabled',true); //button will be disabled 
} 
}) 

код для включения или отключения кнопки отправки:

$("input[type='submit']").attr('disabled',true); //button will be disabled