需要幫助保存值從一個複選框沒有一個表格

Question

你好，我會嘗試解釋我自己儘可能清晰。我試圖添加一個過濾器產品使用多個複選框，用戶可以點擊這將改變我的PHP MySQL的查詢。

我已經看到這個在線的一些例子，但他們只是顯示和隱藏div。我想將複選框的值單擊並動態地將它們插入到查詢中。

所以我的問題是我怎麼能傳遞一個值從多個複選框與使用表單？

<div id="filterContentTitle">Filter Results</div> 
     <div id="filterContentResults"> 
     <div id="filterContentCat">Categories</div> 
     <input type='checkbox' name='categories' value='1' /><label for='categories'>Dishwashers</label><br /><input type='checkbox' name='categories' value='2' /><label for='categories'>Hoods</label><br /><input type='checkbox' name='categories' value='3' /><label for='categories'>Microwaves</label><br /><input type='checkbox' name='categories' value='4' /><label for='categories'>Refrigerators</label><br /><input type='checkbox' name='categories' value='5' /><label for='categories'>Stoves & Ranges</label><br /><input type='checkbox' name='categories' value='6' /><label for='categories'>Washers & Dryers</label><br />   </div> 
     <hr /> 
     <div id="filterContentResults"> 
     <div id="filterContentCat">Brands</div> 
     <input type='checkbox' name='brand[]' value='GE' /><label for='brand'>GE</label><br /><input type='checkbox' name='brand[]' value='Viking' /><label for='brand'>Viking</label><br /><input type='checkbox' name='brand[]' value='Whirlpool' /><label for='brand'>Whirlpool</label><br />   </div> 
     <hr /> 
     <div id="filterContentResults"> 
     <div id="filterContentCat">Refrigerators Type</div> 
     <input type='checkbox' name='subCategory[]' value='French Door'><label for='subCategory'>French Door</label><br /><input type='checkbox' name='subCategory[]' value='Bult-In'><label for='subCategory'>Bult-In</label><br /><input type='checkbox' name='subCategory[]' value='Side by Side'><label for='subCategory'>Side by Side</label><br />   </div> 
     <hr /> 
     <div id="filterContentResults"> 
     <div id="filterContentCat">Refrigerators Capacity</div> 
     <input type='checkbox' name='capacity[]' value='20.7 cu ft'><label for='capacity'>20.7 cu ft</label><br /><input type='checkbox' name='capacity[]' value='28.6 cu ft'><label for='capacity'>28.6 cu ft</label><br /><input type='checkbox' name='capacity[]' value='20.4 cu ft'><label for='capacity'>20.4 cu ft</label><br /><input type='checkbox' name='capacity[]' value='24.6 Cu. Ft.'><label for='capacity'>24.6 Cu. Ft.</label><br /><input type='checkbox' name='capacity[]' value='25 cu. ft.'><label for='capacity'>25 cu. ft.</label><br /><input type='checkbox' name='capacity[]' value='22.0 Cu. Ft.'><label for='capacity'>22.0 Cu. Ft.</label><br />   </div> 
     <hr /> 
     <div id="filterContentResults"> 
     <div id="filterContentCat">Condition</div> 
     <input type='checkbox' name='condition[]' value='New'><label for='condition'>New</label><br />   </div> 
     <hr /> 
     <div id="filterContentResults"> 
     <div id="filterContentCat">Color</div> 
     <input type='checkbox' name='color[]' value='Stainless Steel'><label for='color'>Stainless Steel</label><br /><input type='checkbox' name='color[]' value='Black'><label for='color'>Black</label><br /><input type='checkbox' name='color[]' value='Biscuit'><label for='color'>Biscuit</label><br />   </div> 

Answer 1

你可以做的是綁定到在input jQuery的change事件。

當輸入被改變了，然後你可以更新正在發送（推測可能與阿賈克斯）查詢到的PHP腳本

$("input").change(function() { 
    updateProductList($(this).attr("id"), $(this).prop("checked")); 
}); 

function updateProductList(field, state) { 
    // Do Work 
    $.ajax({ 
     source: "my-url.php?" + field + "=" + state 
    }); 
} 

注：例如被簡化，但希望你的想法。