欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

jquery mobile 多選框

錢琪琛1年前9瀏覽0評論

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

多選框是用來讓用戶可以選擇多個選項的UI組件。在jQuery Mobile中,我們可以使用checkboxes來實現多選框。

<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>

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

我們還可以使用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(", "));
});

上面的代碼定義了一個事件監聽器,當用戶點擊“submit”按鈕時,會獲取被選中的多選框的值,并用alert顯示出來。

總之,使用jQuery Mobile的多選框可以讓我們實現高度可定制的UI組件,方便用戶選擇多個選項。