layui獲取頁面checkbox核取方塊值
由於layui美化的核取方塊無法用form表單直接獲取所選值,查了好多資料都無法實現,後來找到了一篇文章,發現可以,直接將美化的選中class找到,直接迴圈選中的物件迴圈值就可以得到了
參考文章:https://fly.layui.com/jie/24110/
我通過參考文章,沒有實現,通過相同的思路自己修改了一點就可以了
<div id="platform_box" lay-filter="platform_box" class="layui-form" >
<input type="checkbox" name="platform[1]" value="1" lay-skin="primary" title="pc" >
<input type="checkbox" name="platform[2]" value="2" lay-skin="primary" title="wap">
<input type="checkbox" name="platform[3]" value="3" lay-skin="primary" title="app" >
<input type="checkbox" name="platform[4]" value="4" lay-skin="primary" title="小程式" >
</div>
<script>
var platform = ''; //字串形式
var platform_arr = new Array(); //陣列形式
var obj = $("#platform_box").find('.layui-form-checked');
obj.each(function () {
platform += $(this).prev().val() + ',';
platform_arr.push($(this).prev().val());
});
console.log(platform);
console.log(platform_arr);
</script>
相關文章
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- HTML input checkbox核取方塊HTML
- CSS 美化checkbox核取方塊CSS
- HTML input checkbox 核取方塊HTML
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- checkbox 核取方塊全選程式碼
- css3美化checkbox核取方塊CSSS3
- CSS模擬美化checkbox核取方塊詳解CSS
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- jQuery核取方塊checkbox的全選和反選jQuery
- Element原始碼分析系列6-Checkbox(核取方塊)原始碼
- checkBox核取方塊,獲得選中那一行所有列的資料
- 點選文字選中或取消選中checkbox核取方塊
- 一個數值儲存核取方塊的值
- CSS3 checkbox核取方塊和radio單選框美化效果CSSS3
- 網頁設計實現核取方塊(checkbox)和單選框(radio)對齊的方法網頁
- Flutter 基礎控制元件篇-->單選框(Switch)、核取方塊(Checkbox)Flutter控制元件
- 寫一個獲取頁面中所有checkbox的方法
- Android 學習筆記之單選按鈕(RadioButton)和核取方塊(CheckBox)Android筆記
- ElementUi Table核取方塊回顯UI
- odoo wizard介面顯示帶核取方塊列表及勾選資料獲取Odoo
- 單選按鈕和核取方塊
- JavaScript 限制核取方塊選中數目JavaScript
- 在java和Scenebuilder隱藏核取方塊JavaUI
- PyQT5 實現下拉核取方塊QT
- JavaScript 核取方塊全選和全不選JavaScript
- 對於核取方塊的快捷選擇
- 草稿 核取方塊繫結資料 1204
- 小程式核取方塊全選和全部取消
- [開發教程]第18講:Bootstrap核取方塊boot
- jquery table下的核取方塊選中、取消jQuery
- 使用layui框架的select獲取選中的值UI框架
- jQuery Validate限定核取方塊選中的數目jQuery
- 使用jQuery做核取方塊的全選與取消jQuery
- JavaScript刪除核取方塊選中的表格行JavaScript
- JavaScript核取方塊全選和全不選詳解JavaScript
- 基礎元件:單選開關和核取方塊元件
- JavaScript獲取選中checkbox valueJavaScript