2013-02-26 15 views
0

在使用JSON時,我無法獲得選中哪個複選框。

這是我的HTML

<form id="patronReg" action="" method="get" onsubmit="jsquicksub(this); return false;"> 
     <input type="checkbox" name="__gold" value="gold" id="patron-gold"/><strong>Gold patrons </strong>$3,000 (+GST for businesses)<br /> 
     <input type="checkbox" name="__silver" value="silver" id="patron-silver" /><strong>Silver patrons </strong>$1,500 (+GST for businesses)<br /> 
     <input type="checkbox" name="__families" value="families" id="patron-families" /><strong>Families and individual </strong>$500<br /> 

我的JSON的JavaScript文件看起來像這樣

function jsquicksub(po_form) { 

if (gb_ajaxbusy) 
    return false; 

gb_ajaxbusy = true; 


var lo_request = {}; 
lo_request.g = $(po_form).find('#patron-gold').val(); 
lo_request.s = $(po_form).find('#patron-silver').val(); 
lo_request.f = $(po_form).find('#patron-families').val(); 


$(po_form).fadeTo(200, 0.3); 

$.getJSON('/patron-form-process', lo_request, function(po_result) { 

    gb_ajaxbusy = false; 
    $(po_form).fadeTo(0, 1); 

    if (!po_result.success) { 
     $('#errorReport').show(); 
     document.getElementById('errorReport').innerHTML = po_result.content; 
     //alert(po_result.content); 
     return false; 
    }else{ 
     setTimeout(function() { 
       $.modal.close(); 
     }, 2500); 
    } 
    // replace form with thankyou message 
    $(po_form).replaceWith(po_result.content); 
    // empty errrReport element 
    $('#errorReport').hide(); 

}); } 

而且我的PHP形式處理的文件是這樣的

// function gets passed values after validation and returns a message to the user on screen 
function jsonreturn($pb_success, $ps_content = null) { 

$lo_result = (object) array('success'=>$pb_success, 'content'=>$ps_content); 

ob_clean(); 
echo json_encode($lo_result); 
exit; 

} // end jsonreturn() 
// membership type 

$ps_gold = isset($_GET['g'])? $_GET['g']: null; 
$ps_families = isset($_GET['f'])? $_GET['f']: null; 
$ps_families = isset($_GET['f'])? $_GET['f']: null; 

if ($ps_gold == 'gold') { 
    $ps_membership = 'Gold patron'; 
} 
elseif ($ps_silver == 'silver') { 
    $ps_membership = 'Silver patron'; 
} 
elseif ($ps_families == 'families') { 
    $ps_membership = 'Families and individual'; 
} 
else { 
    $ps_membership = ''; 
} 

所以我的問題是,如何我將獲取選中的複選框值到php文件,當它從窗體到javascript文件,然後到php。這可能是一個非常愚蠢的問題!但我對JSON非常陌生。一旦我到達php文件,我正在使用phpmailer在電子郵件中發送來自我的表單的所有值。它工作得很好!除了複選框部分!

感謝您的幫助!

回答

0

處理這種情況的一種方法是使用Jquery Checked Selector來選擇哪個複選框。例如:

// ... 
var lo_request = {}; 
lo_request.g = $(po_form).find('#patron-gold').is(':checked'); 
lo_request.s = $(po_form).find('#patron-silver').is(':checked'); 
lo_request.f = $(po_form).find('#patron-families').is(':checked'); 

$.getJSON('/patron-form-process', lo_request, function(po_result) { 
// ... 

然後從PHP端:

$ps_gold = isset($_GET['g'])? $_GET['g'] === 'true' : false; 
$ps_silver = isset($_GET['s'])? $_GET['s'] === 'true' : false; 
$ps_families = isset($_GET['f'])? $_GET['f'] === 'true' : false; 

if ($ps_gold) { 
    $ps_membership = 'Gold patron'; 
} 
elseif ($ps_silver) { 
    $ps_membership = 'Silver patron'; 
} 
elseif ($ps_families) { 
    $ps_membership = 'Families and individual'; 
} 
else { 
    $ps_membership = ''; 
} 

不過,我會指出,這似乎爲決定$ps_membership邏輯似乎本身更借朝比複選框單選按鈕,因爲每個選項是互斥的。這就是說,上面的解決方案應該做你需要的。

+0

非常感謝!這是我錯過了!我認爲我的設計師是在看起來像複選框的單選按鈕之後。我可以將它們的外觀改爲方形嗎?我知道這個解決方案並不完美,但我只是想讓這部分工作,然後選擇複選框尋找單選按鈕!非常感謝你的幫助!! – 2013-02-26 07:20:07