使用 JavaScript 动态获取复选框值

get check box value dynamically using javascript

本文关键字：复选框 获取 动态 JavaScript 使用      更新时间：2023-09-26

我们使用以下代码列出了具有电子邮件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出现在"收件人"文本区域字段中，当我转到员工列表的第二页时，我无法获得"收件人"文本区域字段，它将在第二页上为空

   <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，当我单击复选框时。我对何时进入分页的下一页有疑问

您可以将"this"参数添加到Javascript函数中，如onclick="send_email_form_test（this）">然后您将获得单击的复选框对象。然后，您将能够检索单击的复选框的值

我没有

测试它，但我认为这就是您从所有页面收集电子邮件的方式

<?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 ）

相关文章：