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>
相關文章
- js獲取checkbox核取方塊checked屬性值為true核取方塊JS
- JavaScript獲取選中checkbox核取方塊值JavaScript
- JavaScript 獲取選中checkbox核取方塊的值JavaScript
- jquery獲取選中checkbox核取方塊的值jQuery
- js獲取選中checkbox核取方塊的值JS
- javascript獲取選中checkbox核取方塊的值JavaScript
- jQuery獲取選中的checkbox核取方塊的值jQuery
- 使用jquery獲取被選中checkbox核取方塊的值jQuery
- jQuery獲取所有的checkbox核取方塊元素jQuery
- 獲取選中checkbox核取方塊的值程式碼例項
- phpcheckbox核取方塊值的獲取與checkbox預設值輸出方法PHP
- jquery獲取沒有選中的checkbox核取方塊jQuery
- JavaScript獲取選中checkbox核取方塊的選中值JavaScript
- HTML input checkbox 核取方塊HTML
- HTML input checkbox核取方塊HTML
- CSS 美化checkbox核取方塊CSS
- jQuery checkbox核取方塊操作jQuery
- js 獲取被選中核取方塊的值JS
- 根據name屬性值篩選checkbox核取方塊
- checkbox 核取方塊全選程式碼
- css3美化checkbox核取方塊CSSS3
- JavaScript動態新增checkbox核取方塊JavaScript
- JavaScript動態建立checkbox核取方塊JavaScript
- jQuery獲取選中核取方塊的值程式碼例項jQuery
- jQuery操作checkbox核取方塊方法大全jQuery
- checkbox核取方塊美化程式碼例項
- jQuery獲取選中的核取方塊或者單按鈕的值jQuery
- JavaScript 判斷checkbox核取方塊是否選中JavaScript
- CSS模擬美化checkbox核取方塊詳解CSS
- javascript 限制checkbox核取方塊選中數量JavaScript
- jQuery判斷checkbox核取方塊是否選中jQuery
- jquery限制checkbox核取方塊選中數目jQuery
- JavaScript判斷checkbox核取方塊是否選中JavaScript
- jquery實現checkbox核取方塊全選效果jQuery
- Element原始碼分析系列6-Checkbox(核取方塊)原始碼
- jQuery核取方塊checkbox的全選和反選jQuery
- JavaScript設定checkbox核取方塊選中狀態JavaScript
- js實現checkbox核取方塊的反選效果JS