チェックボックスを使用して無効な画像送信ボタンを有効にするにはどうすればよいですか？ここ

Question

は私のフォームの一部

ある2つのコードスニペットです//チェックボックス

<input type="checkbox" style="margin-right:3px">I confirm that the details on this form are correct. 

//ボタン

<input type="image" src="images/submit-btn.png" border="0" > 

を提出するには、今、私の質問は提出無効を有効にする方法であり、 jquery経由でチェックボックスを使用してボタンをクリックしますか？

Answer 1

この

$(':checkbox').change(function(){ 
    $('input[type="image"]').attr("disabled", !$(this).attr('checked')); 
}); 

$('input[type="image"]').click(function(){ 
alert("123"); 
}); 

EDITしてみてください：あなたのボタンがリンク（ない本当の送信ボタン）私が想定している提出するのでhttp://jsfiddle.net/hKAE5/

Answer 2

：

<input type="image" src="images/submit-btn.png" border="0" disabled="disabled"/> 

フィドル例をリンク上でclickイベントを処理するためにjavascriptを使用しています。送信を無効にする場合は、このリンクのクリックを処理する方法を提供するか、送信ボタンを代わりに使用する必要があります。 送信ボタンを使用するときは、無効にする属性を無効にすることができます。

Answer 3

おそらく間違った質問があります。 送信ボタンの上には実際に画像送信ボタンはありません。

イメージ送信ボタン（IDのcheckbox_id付き）チェックボックスが次のスニペットの使用をチェックすると、あなたが実行コードをしたい場合は

<INPUT TYPE="image" SRC="images/submit-btn.png" id="submit_id" /> 

です：あなたがボタンを提出したい場合 ：

$('#checkbox_id').change(function() { 
if ($(this).is(':checked')) 
    $("#submit_id").attr("disabled", "disabled"); 
}); 

EDITデフォルトで無効になっています：

<INPUT TYPE="image" SRC="images/submit-btn.png" id="submit_id" disabled="disabled" /> 

そしてあなただけのスニペット上記の変更、そのときにユーザーがクリックするチェックボックスに、ボタンが有効になります。

ここ

 $('#checkbox_id').change(function() { 
     if ($(this).is(':checked')) { 
      // DISABLE 
      $("#submit_id").attr("disabled", "disabled"); 
     } else { 
      // ENABLE    
      $("#submit_id").removeAttr("disabled"); 
     } 
    }); 

Answer 4

を既存のマークアップで動作する例です。あなたはここでテストすることができます：http://jsfiddle.net/brentmn/yPmSV/

HTML：

<input type="checkbox" style="margin-right:3px">I confirm that the details on this form are correct. 

<a class="submit disabled" href="#"><img src="images/submit-btn.png" border="0" ></a> 

JS：

$(function() { 
    var $check = $(':checkbox'); 
    var $submit = $('.submit'); 

    $submit.on('.click', function() { 
     return $check.is(':checked'); 
    }); 

    $check.on('click', configureSubmit); 

    function configureSubmit() { 
     if ($check.is(':checked')) { 
      $submit.removeClass('disabled'); 
     } else { 
      $submit.addClass('disabled'); 
     } 
    } 

    configureSubmit(); 
});