チェックボックス動的入力フィールド

Question

と動的テーブルで私は動的な値と非表示の入力フィールドおよび動的チェックボックスを持つテーブルを持っています。チェックボックスは、同じクラス名を持っています。私は特定のチェックボックスをクリックすると、私はそのparticluar行からの入力値がアヤックスに送られるべきであるほしいです。

は以下

<table id="table"> 
<thead> 
<tr> 
<th >Sl.no</th> 
<th >Owner Name</th> 
<th >Contact Number</th> 
<th class="text-center" data-title="Action">Action</th> 
</tr> 
</thead> 
<tbody id="responsive-table-body"> 
<?php 
$owner=mysql_query("select id,tmp_id,name,phone,activate from pgowner where active='1'"); 
if(mysql_num_rows($owner)){ 
$i=0; 
while($owner1=mysql_fetch_array($owner)){ 
$id=$owner1['tmp_id']; 
?> 
<tr> 
<td><span class="label label-default"><?php echo ++$i; ?></span></td> 
<td> 
<a href='viewprofile?id=<?php echo $id; ?>' target='_blank' style='color:blue;text-decoration:underline;'><?php echo $owner1['name']; ?></a> 
<input type="hidden" name="ownerid" value="<?php echo $owner1['tmp_id']; ?>" id="ownerid" /> 
</td> 
<td> 
<?php echo $owner1['phone']; ?>   
</td> 
<td> 
<input type="checkbox" name="activate[]" class="activate" id="activate" /> 
</td> 
</tr> 
<?php } } 
    ?>     
</tbody> 
</table>  

ここでチェックボックスがチェックされている行から値を取得するAJAXコードだ、ダイナミックテーブルのコードです。

<script type="text/javascript"> 

$(document).ready(function(){ 
$('#activate').click(function(){ 

var ownerid=$('#ownerid').val(); 
var myonoffswitch=$('#activate').val(); 

if ($("#activate:checked").length == 0) 
{ 
var a='0'; 
} 
else 
{ 
var a="1"; 
} 
$.ajax({ 
type: "POST", 
url: "profileactivation", 
data: "value="+a +"&ownerid="+ownerid, 
success: function(html){ 
alert("Successfully Done"); 
} 
}); 
}); 
}); 
</script> 

チェックボックスがオンの行から入力値を取得できません。助けてください。

生成されたHTMLは、複数の問題があります

<table id="table" > 
<thead> 
<tr> 
<th >Sl.no</th> 
<th >Owner Name</th> 
<th >Contact Number</th> 
<th >Action</th> 
</tr> 
</thead> 
<tbody id="responsive-table-body"> 
<tr > 
<td ><span class="label label-default">1</span></td> 
<td> 
<a href="viewprofile?id=EdXzrq" target="_blank" style="color:blue;text-decoration:underline;">Name1</a> 
<input type="hidden" name="ownerid" value="EdXzrq" id="ownerid"> 
</td> 
<td> 
9731269342   
</td> 
<td> 
<input type="checkbox" name="activate[]" class="activate" id="activate"> 
</td> 
</tr> 
<tr > 
<td ><span class="label label-default">2</span></td> 
<td> 
<a href="viewprofile?id=RowMpg" target="_blank" style="color:blue;text-decoration:underline;">Name2</a> 
<input type="hidden" name="ownerid" value="RowMpg" id="ownerid"> 
</td> 
<td> 
7760807087   
</td> 
<td> 
<input type="checkbox" name="activate[]" class="activate" id="activate"> 
</td> 
</tr> 
</tbody> 
</table> 

Answer 1

、次のようになります。

は、あなたの代わりに、無効であると同じIDを持つ複数の要素を作成する要素を選択するために、属性セレクタのようなクラスや他のセレクターを使用するIDを使用して、ループのコントロールを持っているので。このコードは働いてどうもありがとうございまし

<input type="checkbox" name="activate[]" class="activate" /> 
<input type="hidden" name="ownerid" value="<?php echo $owner1['tmp_id']; ?>" /> 

その後、クリックhanlderを登録し

$(document).ready(function() { 
    $('.activate').click(function() { 
    var ownerid = $(this).closest('tr').find('input[name="ownerid"]').val(); 
    var a = this.checked ? 1 : 0; 

    $.ajax({ 
     type: "POST", 
     url: "profileactivation", 
     data: { 
     value: a, 
     ownerid: ownerid 
     }, 
     success: function(html) { 
     alert("Successfully Done"); 
     } 
    }); 
    }); 
});