2

Jsfiddle: http://jsfiddle.net/Xytvg

たとえば、修飾されたチェックボックスまたは修飾されていないチェックボックスをチェックした場合、すべてのチェックボックスにはIDと値があります。

どのチェックボックスがクリックされたかに応じてチェックボックスを無効にしたいのですが、これを成功コールバック機能で実行したいと考えています。

これが私のコードです。

$( "input[type=checkbox]" ).on( "click",function( e ){

    var preview = $("#preview").html('');

    // ** just a loader a gif image
    preview .html('<img src="../images/loader.gif" alt="Uploading...."/>');

    // ** this is the value of the checkbox
    var input = $(this).val();

    // ** here i am pulling the id value
    var id    = $(this).attr('id'); 


   $.ajax({
       // here i am trying to build url to be send to the action.php
       // i will get the id and the value depends on which checkbox was clicked 
       // action.php?id=1&value=2

       url: 'action.php?id='+id+'&value='+input, 
       type: "POST",
       success: function( response )
      {
           // here i want to figure out which checkbox was clicked and disabled it
      }
  });

  e.preventDefault();

});



<div id="preview"></div><!--loader gif-->

<p>
   USA
   <input type="checkbox" id="1" value="2" />Qualified OR 
   <input type="checkbox" id="1" value="3" /> Unqualifed
</p>

<p>
   UK 
   <input type="checkbox" id="2" value="2" />Qualified OR 
   <input type="checkbox" id="2" value="3" /> Unqualifed
</p>

<p>
   EGY 
   <input type="checkbox" id="3" value="2" />Qualified OR 
   <input type="checkbox" id="3" value="3" /> Unqualifed
</p>
4

2 に答える 2

0

次のように、クリック ハンドラーの変数にチェックボックスを割り当てます。

$( "input[type=checkbox]" ).on( "click",function( e ) {
    var $checkbox = $(this);
    // rest of click handler code

次に、成功のコールバックで、次のように無効にできます。

$.ajax({
   url: 'action.php?id='+id+'&value='+input, 
   type: "POST",
   success: function( response )
   {
       $checkbox.attr('disabled', true);
   }
});
于 2013-05-23T20:48:48.420 に答える
0

どうぞ： 

$( "input[type=checkbox]" ).on( "click",function( e ){
  // You just need to localize the var here :)
  var $this = $(this);
  var preview = $("#preview").html('');

  preview.html('<img src="../images/loader.gif" alt="Uploading...."/>');

  var input = $(this).val();

  var id = $(this).attr('id'); 
  $.ajax({
    url: 'action.php?id='+id+'&value='+input, 
    type: "POST",
    success: function (response) {
      // We added the localized var up above so now it's accessible to this scope :)
      $this.attr("disabled", "disabled");
    }
  });

  e.preventDefault();
});
于 2013-05-23T20:52:09.460 に答える