列表中的單選按鈕不組

Question

我在這裏有一個非常討厭的問題！

我有一個<ul>在每個<li>中有一組輸入。在每個列表元素中都有一個單選按鈕，我想將它們組合在一起以使它們在單擊時切換。

問題是收音機不能連接！如果我點擊其中兩個，他們都會被檢查！

下面的代碼：http://jsfiddle.net/bakaburg1/Djq5q/1/

注意：這是一個WordPress的自定義字段中的代碼。

非常感謝！

EDIT1： ，重要的是在每一個列表元素領域保持連接，以便在PHP端我有一個數據結構，例如：暫時我修補的問題 ：

array (
    0 => 
    array (
    'answer' => 'answer1', 
), 
    1 => 
    array (
    'answer' => 'answer2', 
), 
    2 => 
    array (
    'is_right' => 'on', 
    'answer' => 'answer3', 
), 
    3 => 
    array (
    'answer' => 'yiuyiuyiuj', 
), 
) 

EDIT2一些jQuery的：

jQuery('.mm_ps_answers input:radio').click(function(){ 
jQuery(this).parents('ul').find('input:radio').not(this).attr('checked', false) 
}) 

不知道最優雅的解決方案，雖然，隨意評論（未回答）在這個片段中呢！

編輯3： 我解決了問題，給三個不同的名稱的字段，然後合併POST數據在一個數組中，然後序列化並保存在數據庫中。

<li> 
    <a class="mm_ps_move button"><img src="http://localhost:8888/minimamedicamenta/wp-content/themes/minima/img/move.png"></a> 
    <a class="mm_ps_delete_answer button">Delete Answer</a> 
    <input type="radio" class="mm_ps_is_right" name="mm_ps_answers_is_right[]"> 
    <input type="text" name="mm_ps_answers_input[]" value=""> 
    <input type="hidden" name="mm_ps_answers_impressions[]"> 
    <span class="mm_ps_impressions">impressions: <span>0</span></span> 
</li> 

另一個問題POP操作起來雖然...而在文本輸入字段後端發佈數據是每個字段值的良好有序的陣列，也是空的，在單選按鈕只能發送一個價值，所以我不知道最好的列表元素已被檢查，任何幫助？這裏的是三個輸入的POST數據（值是隨機字符串）：

[04-Aug-2012 17:18:45] Line (in): 
array (
    0 => 'cvxcv', 
    1 => 'vs', 
    2 => '', 
    3 => 's', 
) 
[04-Aug-2012 17:18:45] Line (in): 
array (
    0 => 'on', 
) 
[04-Aug-2012 17:18:45] Line (in): 
array (
    0 => '', 
    1 => '', 
    2 => '', 
    3 => '', 
) 

EDIT4： 我修補用的JavaScript上修改每一個動作分配增量數值的單選按鈕的問題該列表（排序，添加，刪除元素）。雖然不是很乾淨。

Answer 1

<ul class="mm_ps_answers manage_list ui-sortable"> 
<li> 
    <input type="radio" name="SameName"> 
    <input type="text" name="mm_ps_answers[0][answer]" value="jkjhk"> 
    <span class="mm_ps_impressions">impressions: </span> 
</li> 
<li> 
    <input type="radio" name="SameName"> 
    <input type="text" name="mm_ps_answers[1][answer]" value="lknjlk"> 
    <span class="mm_ps_impressions">impressions: </span> 
</li> 
<li> 
    <input type="radio" name="SameName"> 
    <input type="text" name="mm_ps_answers[2][answer]" value="òklkjl"> 
    <span class="mm_ps_impressions">impressions: </span> 
</li> 
<li> 
    <input type="radio" name="SameName"> 
    <input type="text" name="mm_ps_answers[3][answer]" value="p09i0i"> 
    <span class="mm_ps_impressions">impressions: </span> 
</li> 

，使一個瀏覽器來切換他們的是單選按鈕的名稱的屬性。將所有這些單選按鈕命名爲相同的（每個組應具有相同的名稱），並且它們將切換。

Answer 2

要將單選按鈕組合在一起，必須在name屬性中指定相同的值。

ex。（從W3Schools的）

<form action=""> 
<input type="radio" name="sex" value="male" /> Male<br /> 
<input type="radio" name="sex" value="female" /> Female 
</form> 

編輯： 爲了讓您在的jsfiddle正在策劃的順序鏈接你提供我會建議你做一個反覆陳述一個列表項： （對不起，不正確的PHP代碼，但我沒有在很長一段時間使用它）

foreach($answer as $value){ 
<li> 
    <input type="radio" name="answer" value="$value[is_right]"> 
    <input type="text" name="$value[answer]" value="jkjhk"> 
    <span class="mm_ps_impressions">impressions: </span> 
</li> 
} 

Answer 3

如果這是不可能的使用name屬性爲某種原因（例如你的名字屬性動態填充 - 我懷疑這是）你可以使用jQuery來切換ckboxes：

$(document).ready(function() { 
    $('input[type="radio"]').click(function() { 
     $('input[type="radio"]').prop('checked', false); 
     $(this).prop('checked', true);   
    });   
});