filtet data by checkbox using jquery ajax mysql and php
filtet data by checkbox using jquery ajax mysql and php
我有一组位置的动态复选框
<?php foreach($qry_2 as $v2) { ?>
<li class="checkbox">
<label>
<input type="checkbox" class="i-check" id="locality" name="locality[]" value="<?php echo $v2['outlet_locality'] ?>"><?php echo $v2['outlet_locality'] ?>
<small class="location"><?php echo '('.$v2['outletCount'].')' ?></small>
</label>
</li>
<?php } ?>
我得到了 aprox 10 个输入复选框值我想使用 jQuery 根据复选框(多选(过滤内容并将数据发送到filter.php
以检索为 json 数据
$('input#locality').change(function () {
var locality = [];
$(':checkbox:checked').each(function (i) {
locality.push($(this).val());
});
$.post("php/filter.php", {name: locality}, function(data){
});
});
当我选中复选框时,我得到了单独的值而不是数组,那么我如何选中多个复选框的数组值以发送到filter.php
并从中检索数据我的过滤器.php
$qry_1 = array();
$checkbox1 = $_POST['name'];
$chk = "";
foreach($checkbox1 as $chk1)
{
$chk .= $chk1.",";
}
$sql_1 = "SELECT p.id,p.outlet_id,p.offer_title,p.original_price,p.discount,p.discount_price,p.offer_image,p.offer_details,o.outlet_id,o.outlet_title,o.outlet_locality,o.segment_type FROM products as p,outlets as o WHERE p.outlet_id=o.outlet_id AND o.outlet_locality='$chk'";
$qry_1 = sel_qry($sql_1);
foreach($qry_1 as $v)
{
$filterloc[] = array('title'=>$v['outlet_title'],'cat_id'=>$v['outlet_id']);
}
echo json_encode($filterloc);
我得到空值请指导我
尝试移动这个
$.post("filter.php", { name: locality[i] }, function (data) {
alert(data);
});
到每个外部。 即:
$('input#locality').change(function () {
var locality = [];
$(':checkbox:checked').each(function (i) {
locality.push($(this).val());
alert(locality[i])
});
$.post("filter.php", { name: locality }, function (data) {
alert(data);
});
});
(当然,假设您的后端需要一个数组(
试试这段代码。
.HTML
<li class="checkbox">
<label>
<input type="checkbox" class="i-check" id="locality" name="locality[]" value="<?php echo $v2['outlet_locality'] ?>"><?php echo $v2['outlet_locality'] ?>
<small class="location"><?php echo '('.$v2['outletCount'].')' ?></small>
</label>
</li>
.JS
$('input.i-check').change(function () {
var locality = [];
$(':checkbox:checked').each(function (i) {
locality.push($(this).val());
});
$.post("jquery1.php", {name: locality}, function(data){
});
});
代替 id locality
,使用类i-check
相关文章:
- Ajax和MySql的插入、检查和检索
- 如何使用PHP+MySQL Ajax自动完成jQuery并传递给JavaScript
- 类似按钮增量计数器不工作.PHP,AJAX,MySQL,javascript
- 为什么PHP MySQL INSERT通过AJAX调用只是偶尔发生
- filtet data by checkbox using jquery ajax mysql and php
- 动态 Ajax MySQL 列表与点击
- JSP AJAX MYSQL倒计时计时器
- Little javascript / ajax / mysql chat
- PHP AJAX MySQL DELETE not working
- PHP AJAX MySql抓取数据单选按钮
- AJAX MySQL查询进度条
- PHP ajax mysql投票按钮,不注册先点击
- PHP, AJAX &MySQL -从多个
- Onsubmit不工作与ajax mysql验证
- Ajax mysql查询基于链接文本与页面上的多个链接
- 用户身份验证使用jQuery, Ajax, MySQL和Java
- 获取“参数未定义”;在jQuery与AJAX, MySQL和PHP
- AJAX mysql命令没有立即执行
- AJAX/MySQL,JavaScript-数据库和倒计时
- 自动填充列表与ajax mysql和javascript