使用javascript動態獲取復選框值

Question

我們使用以下代碼列出了具有電子郵件ID的員工

<tbody>
<?php 
$sqlquery = mysql_query("select * FROM employee");
while($row=mysql_fetch_object($sqlquery)){                                  
?>  
<tr class="gradeA">
<td><input type="checkbox"  name="eid" value="<?php echo $row->emailid;?>" onclick="send_email_form_test()"><?php echo $row->name;?></td>
</tr>   
<?php }?>
</tbody>

在函數調用后單擊復選框時，

 function send_email_form_test(){
var selected = new Array();     
$("input:checkbox[name=eid]:checked").each(function() { 
if($(this).val() !=""){
selected.push($(this).val());
}       
});

alert(selected.join(','));
var final_email = selected.join(',');
document.getElementById("to").value =final_email;
}

單擊復選框后，“ id”文本字段中將顯示電子郵件ID。當我轉到員工列表的第二頁時，我無法獲得“ to” textarea字段，它將在第二頁中為空

   <div>
<label for="required">TO</label>
<textarea name="to"  cols="5" rows="10"></textarea> 
</div>

<div>
<label for="email">Subject</label>
<input type="text"  size="80" id="subject" name="subject" >
<input type="submit" name="submit" value="submit">
</div>

當我單擊復選框時，如何添加和刪除以逗號分隔的電子郵件ID。我在何時進入分頁的下一個問題

Answer 1

您可以將“ this”參數作為onclick =“ send_email_form_test（this）”>添加到Javascript函數中，然后將獲得單擊的復選框對象。 然后，您將能夠檢索單擊的復選框的值

Answer 2

我沒有對其進行測試，但是我認為這是您可以從所有頁面收集電子郵件的方式

<?php
    //...
    echo '<script>window.tablePage = ', $paginator->currentPage, ';</script>';
 ?>

<script type="application/javascript">
 //...
 pageSelected = selected.join(',');

 //get emails selected on other pages
 allSelected = JSON.parse(localStorage.getItem('emails'));

 //add currently selected emails
 allSelected[tablePage] = pageSelected;
 localStorage.setItem('emails', JSON.stringify(allSelected));

 //output emails from all pages
 document.getElementById("to").value = allSelected.join(',');
 //...
</script>

（JSON庫在這里： https : //github.com/douglascrockford/JSON-js/blob/master/json2.js ）