2016-05-16 17 views
1

我用ajax請求創建了一個單選按鈕的表。我想通過點擊事件從單選按鈕獲得價值。但jquery事件在單選按鈕上不起作用。 下面jQuery的事件不工作在AJAX結果像表

enter image description here

我創建的表阿賈克斯我呼籲貝婁代碼這個AJAX結果

<code> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".todayTask").click(function(){ 
      var employee = '<?php echo trim($userID);?>'; 
      $.ajax({ 
       url: "ajax_call.php", 
       type:"POST", 
       data:{userID:employee}, 
       success: function(result){ 
        $('#taskList').html(result); 
      }}); 
     }); 
    }); 
</script> 
</code> 

現在我想從單選按鈕值留在阿賈克斯結果... 由下面的代碼,但不工作...

<code> 
<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#s").click(function(){ 
      var status_val = $(this).val(); 
      alert(status_val); 
     }); 
    }); 
</script> 
</code> 
+0

發佈文字,而不是文字圖片。 –

+0

1. ID必須是唯一的。將'id =「s」'更改爲'data-type =「start」,data-type =「pause」'等等。 2.將點擊延遲到最近的容器:$('#taskList')。on(「click」,「input [name ='s']」,function(){console.log($(this).data (「type」))});' – mplungjan

回答

1

由於您的單選按鈕通過jquery加載,你需要使用on事件:

$(document).ready(function(){ 
     $('#taskList').on("click","#s", function(){ 
      var status_val = $(this).val(); 
      alert(status_val); 
     }); 
    }); 

您還需要使用一個類".s"而不是ID "#s"的,因爲ID必須是唯一的,這裏有一個例子:

$('#taskList').on("click",".s", function(){ 
+0

並使用一個類或名稱,因爲ID需要是唯一的 – mplungjan

+0

@mplungjan你是對的,我編輯了我的答案 –

+2

並使用最近的容器來縮小事件處理範圍。在這種情況下'#taskList' – mplungjan

0

綁定使用on點擊事件:

$("table").on("click","#s" ,function(){ 
    var status_val = $(this).val(); 
    alert(status_val); 
}); 

注: ID必須有我獨特。因此,請使用classes或確保您擁有唯一的id

+0

不工作.....#Sandeep Nayak –