2012-02-24 38 views
2

我有一組單選按鈕組。我怎麼能得到哪些是選擇是或現在爲每個組,並將它們添加到數組?如何在jQuery移動中檢查單選按鈕值?

這裏是我想出迄今:

我的jQuery代碼:

<script type="text/javascript"> 
    $(function() { 

     $("#getinfo").click(function() { 

      $("input[name*=radio-choice-1]:checked").each(function() { 
       alert($(this).val()); 
      }); 

     }); 

    });  

</script> 

和單選按鈕

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">   
<input type="radio" name="radio-choice-1" id="radio-choice-1" value="choice-1" /> 
<label for="radio-choice-1">Yes</label> 
<input type="radio" name="radio-choice-1" id="radio-choice-2" value="choice-2" /> 
<label for="radio-choice-2">No</label> 
</fieldset> 

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">   
<input type="radio" name="radio-choice-3" id="radio-choice-3" value="choice-3" /> 
<label for="radio-choice-3">Yes</label> 
<input type="radio" name="radio-choice-3" id="radio-choice-4" value="choice-4" /> 
<label for="radio-choice-4">No</label> 
</fieldset> 

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">   
<input type="radio" name="radio-choice-5" id="radio-choice-5" value="choice-5" /> 
<label for="radio-choice-5">Yes</label> 
<input type="radio" name="radio-choice-5" id="radio-choice-6" value="choice-6" /> 
<label for="radio-choice-6">No</label> 
</fieldset> 

<fieldset data-role="controlgroup" data-type="horizontal" data-role="fieldcontain">   
<input type="radio" name="radio-choice-7" id="radio-choice-7" value="choice-7" /> 
<label for="radio-choice-7">Yes</label> 
<input type="radio" name="radio-choice-7" id="radio-choice-8" value="choice-8" /> 
<label for="radio-choice-8">No</label> 
</fieldset> 

<a href="#" id="getinfo">getinfo</a> 
+0

您的通知不起作用嗎?或者你是否對如何將它們放入數組感到困惑? – prodigitalson 2012-02-24 16:03:24

+0

對不起,我不太清楚。我的警報不起作用 – Steven 2012-02-24 16:06:15

回答

6

你正在尋找一個名稱的檢查單選按鈕包含文本radio-choice-1 - 這只是一個單選按鈕,因爲它是全名。我認爲你真正想要的是一個名稱包含文本radio-button-的選中單選按鈕,所以只需從選擇器中刪除1,它應該工作。

Working DEMO

+0

謝謝安東尼。 – Steven 2012-02-24 16:32:34

3

這將做的工作。我在我的項目中使用下面的代碼。簡單而直接,如jQuery Mobile文檔中給出的。

$("input[type='radio']").bind("change", function(event, ui) { 
     console.log($(this).val()); 
});