色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

jquery mobile 多選框

jQuery Mobile是一個(gè)基于jQuery的框架,它提供了很多易用的UI組件,其中包括多選框。

多選框是用來讓用戶可以選擇多個(gè)選項(xiàng)的UI組件。在jQuery Mobile中,我們可以使用checkboxes來實(shí)現(xiàn)多選框。

<fieldset data-role="controlgroup">
<legend>Favorite color:</legend>
<input type="checkbox" name="color-chck" id="red" value="red" />
<label for="red">Red</label>
<input type="checkbox" name="color-chck" id="blue" value="blue" />
<label for="blue">Blue</label>
<input type="checkbox" name="color-chck" id="green" value="green" />
<label for="green">Green</label>
</fieldset>

上面的代碼定義了一個(gè)多選框的fieldset,其中包含了三個(gè)checkboxes。使用data-role="controlgroup"屬性可以把多個(gè)checkboxes組合成一個(gè)單元,讓用戶可以方便地選擇多個(gè)選項(xiàng)。

我們還可以使用JavaScript來獲取被選中的多選框的值:

$(document).on("click", "#submit", function(){
var selected = [];
$("input:checkbox[name='color-chck']:checked").each(function(){
selected.push($(this).val());
});
alert("Selected colors are: " + selected.join(", "));
});

上面的代碼定義了一個(gè)事件監(jiān)聽器,當(dāng)用戶點(diǎn)擊“submit”按鈕時(shí),會(huì)獲取被選中的多選框的值,并用alert顯示出來。

總之,使用jQuery Mobile的多選框可以讓我們實(shí)現(xiàn)高度可定制的UI組件,方便用戶選擇多個(gè)選項(xiàng)。