jquery - 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

無効なプロパティを設定/取得するには、propを使用する必要があります

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

また、送信ボタンにはclass ='Submit'がないため、属性セレクターを使用する必要があります。または、class ='Submit'を指定して$('.Submit')、代わりに使用する必要があります。$('input[type=submit]')

フィドル

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"  />

働くフィドル

Answer 3

送信ボタンを無効にする:

$(".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

Answer 4

これを試して：

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

JSFiddle