どのようにして関数をクリックイベントにアタッチし、呼び出される前にコントロールの状態をチェックすることができますか？

Question

文書の準備ができた後、私は私のリンクに、次の機能を割り当てる：私の画面で

$('.deleteLink') 
    .click(function() { gridClick(this, 'Delete'); return false; }); 

私はチェックボックスがあります。

gridClick関数が呼び出されるように、私はそれを作ることができますどのように

<input id="htmlEdit" type="checkbox" style="float: left"/> 

チェックボックスがオンになっているかどうかによって、trueまたはfalseのパラメータが設定されます。

私は、ドキュメントの準備ができたらリンクにgridClick関数がアタッチされているように見えますが、その後はチェックボックスをオンまたはオフにすることができません。

機能が既にアタッチされている場合は、リンクをクリックした時点でどうすればよいですか？ チェックボックスがオンになっているかどうかを確認しますか？

Answer 1

これはあなたが探しているものです。 gridClick関数に別の引数を渡すようにコードを編集しました。新しい引数は、チェックボックスがチェックされているかどうかに基づいてtrueまたはfalseを渡します。

$('.deleteLink').click(function() { 
     var isChecked = $('input[type="checkbox"]').is(":checked"); 

     gridClick(this, 'Delete', isChecked); return false; 
    }); 
    function gridClick(isClick, isdelete, isChecked){ 
     alert(isChecked) 
    } 

私が使用したサンプルのhtmlコードは

<a href="#" class="deleteLink">Click</a> 
<input id="htmlEdit" type="checkbox" style="float: left"/> ​​​​​​​​​​​​​​ 

Answer 2

チェック以下の通りである。このことは、あなたに

//あなたのチェックボックスは、この

<input id="htmlEdit" type="checkbox" style="float: left" /> 

ようにする必要があり、結果を与えるだろう

// jquery

$('document').ready(function(){ 
         $('#htmlEdit').click(function() { gridClick(this.value,'Delete'); return false; }); 
        }); 

        function gridClick(data,state) 
        { 

         if(state =='Delete') 
         { 
          confirm('Are you sure you want to delete'+data); 
         }  
        }