2013-03-07 31 views
3

我發送表單時出現以下錯誤,確切地說是單選按鈕輸入。jQuery和AJAX的單選按鈕

下面是HTML代碼:

 <input name="radio" type="radio" class="raido-btn" id="coral1" value="coral1" /> 
     <label for="coral1">CORAL I</label> 
     <input name="radio" type="radio" class="raido-btn" id="coral2" value="coral2" /> 
     <label for="coral2">CORAL II</label> 
     <input name="radio" type="radio" class="raido-btn" id="coral3" value="coral3" /> 
     <label for="coral3">CORAL III</label> 

下面是Javascript代碼:

if($('#coral1').prop('checked')){ 
     apartamentos = 'Coral 1'; 
    } 
    else if($('#coral2').prop('checked')){ 
     apartamentos = 'Coral 2'; 
    } 
    else if($('#coral3').prop('checked')){ 
     apartamentos = 'Coral 3'; 
    } 

我不知道如何設置變量「公寓」的單選按鈕被選中。

它總是設置變量公寓=「珊瑚」

在此先感謝

+0

'公寓= $( 'RAIDO-BTN:檢查')。VAL()' – 2013-03-07 20:48:29

+0

隨着始終設定公寓= '珊瑚1' – Weinz 2013-03-07 21:04:16

+0

你所有的無線電設備具有相同的名稱,只能有一個被檢查。 – 2013-03-07 21:16:46

回答

3

jQuery有幾個方法可以做到這一點。我通常使用的一種方法是使用.is(),例如$('#coral2').is(':checked')。你也可以使用apartamentos = $('.raido-btn:checked').val()

+0

要嘗試第一個選項,但第二個選項始終設置變量apartamentos ='Coral 1'; – Weinz 2013-03-07 21:04:58

+2

你應該可以做$(「#coral2」)。檢查並避免小jQuery開銷=) – bgusach 2013-03-07 21:05:19

+0

謝謝。我添加onclick =「$('#coral1')。checked」爲每個輸入現在完美工作;) – Weinz 2013-03-07 21:09:15

2

你附加了那條if語句?我將它附加到jsFiddle中的clickevent,並且它似乎工作正常。我不確定您是否想將apartamentos設置爲單選按鈕或您定義的字符串的值,但它肯定正在更新。

http://jsfiddle.net/FTT5e