layui獲取頁面checkbox核取方塊值

陌塵射手發表於2019-04-19

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

相關文章