php - 将复选框值发送到 php 脚本以通过 jquery 进行处理

标签 php jquery html mysql ajax

我有一个包含四列的表格,每行末尾都有一个复选框。我想知道是否有一种编写 jquery 函数的方法,当选中复选框并单击提交按钮时,该函数将选择每行的所有值..然后将值传递给 .php 文件处理/显示。我想使用 .php 文件的原因是因为我想运行一个查询来显示系统上的所有注册用户,然后将检查的行(id 和名称)发送给这些用户。

听起来很复杂,但我真的需要一些帮助。提前致谢。

这是html代码:

<div class="valuesOfObs">
<table>
<thead><tr><th>Valuation Name</th><th>Valuation Goal</th><th>Valuation Description</th><th>Options</th><th>Invite</th></tr></thead>

<tbody>
<?php
$sql = 'SELECT * FROM valuation';
$results = $db->query($sql);
$rows = $results->fetchAll();

foreach ($rows as $row) {
echo '<tr id="'.$row['ValuationID'].'">';
echo '<td class="crsDesc">'.$row['ValuationName'].'</td>
<td >'.$row['ValuationGoal'].'</td> 
<td >'.$row['ValuationDescription'].'</td>
<td ><a href =values.php?action=invite&id=aValue> xValue </a></td>
<td > <input type="checkbox" name="selectValue">
</td>';
echo '</tr>';
}?>
</tbody>
</table>
</div>
<input type="button" name="addrow" id="addrow" value="Add row">
<input type="button" name="inviteObs"    id="inviteObs" value="Invite Obstacle";>

这是到目前为止我为 jquery 编写的内容。我试图泄露这些值,以便我可以专门选择要处理的值,然后稍后使用 .join() 方法。如果走错了路请帮忙

$("input[type=checkbox], input[type=button]").on("click", function () {
$( ":checked" ).map(function() { 
return $(this).closest("tr").text();
}).split("</td><td>");

var compName = $("#id").val();

$.ajax({
url : "inviteObstacles.php",
type : "POST",
data : {"compID" : compName},
success : function (n){
//do something
}
})

});

最佳答案

使用.map()函数将当前匹配集中的每个元素传递给函数,该函数将生成包含返回值的新jQuery对象。

这是一个代码:

$("input[type=checkbox]").on("click", function () {
$( ":checked" ).map(function() { return $(this).closest("tr").text();
}).get().join();   //Use join to split the fetched row using separator "," on server-side
});

演示:http://jsfiddle.net/tSeau/1/

关于php - 将复选框值发送到 php 脚本以通过 jquery 进行处理,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19782171/

相关文章:

c# - 将 PHP 代码转换为 C#

php - RegEx 替换 HTML 标签中的所有宽度和高度值

php - Laravel 用工厂播种但扩展它

php - 从 IFrame 获取 URL?

javascript - 如何在没有按钮的情况下在 Highcharts 中动态添加系列? ( Angular JS)

html - 如何在css中包装文本

Jquery 删除类、添加类

悬停时jquery图像调整大小不能在firefox上正常工作

javascript - 使用 jQuery 更新按钮上的数据属性

javascript - 如何将变量传递到 HTML 正文中