jQuery Mobile是一款用于手機開發(fā)的jQuery插件,其中radio選中是常見的交互功能之一。我們可以通過以下代碼實現(xiàn)radio選中效果:
<fieldset data-role="controlgroup"> <legend>選擇一個:</legend> <input type="radio" name="radio-choice" id="radio-choice-1" value="choice-1" checked="checked"> <label for="radio-choice-1">選項1</label> <input type="radio" name="radio-choice" id="radio-choice-2" value="choice-2"> <label for="radio-choice-2">選項2</label> <input type="radio" name="radio-choice" id="radio-choice-3" value="choice-3" disabled="disabled"> <label for="radio-choice-3">選項3(禁用)</label> </fieldset>
以上代碼創(chuàng)建了一個帶有三個radio選項的表單,其中第一個選項已被默認選中,第三個選項被禁用。在用戶交互時,我們可以使用以下代碼獲取選中的值:
var selectedValue = $("input[name='radio-choice']:checked").val();
通過以上代碼,我們可以獲取用戶選中的radio選項的值,并在程序中進行相應的處理。
需要注意的是,radio選中的樣式可能因不同瀏覽器而有所不同,因此我們需要使用CSS樣式進行調(diào)整以滿足我們的設計要求。