layui多個復選框取值和賦值


HTML

                    <div class="layui-form-item" pane="">
                        <label class="layui-form-label">固定復選框</label>
                        <div class="layui-input-block" id="cbGuDing">
                            <input type="checkbox" name="cbtest" value="1" lay-skin="primary" title="寫作"  /><%--checked=""--%>
                            <input type="checkbox" name="cbtest" value="2" lay-skin="primary" title="閱讀" />
                            <input type="checkbox" name="cbtest" value="3" lay-skin="primary" title="游戲" />
                        </div>
                    </div>
<input type="hidden" id="hdfield09" value="<%=field09 %>" /><%--固定復選框--%>

JS,這里是賦值

$(function () {
            layui.use(['index', 'layer', 'form', 'laypage', 'laydate', 'upload', 'jquery', 'layedit'], function () {
                layer = layui.layer;
                form = layui.form;
                laypage = layui.laypage;
                laydate = layui.laydate;
                upload = layui.upload;
                layedit = layui.layedit;//注冊layedit
                var $ = layui.jquery;
//固定復選框開始
                var arrCB = [];
                var strdata = $("#hdfield09").val();
                arrCB = strdata.split(",");
                for (var j = 0; j < arrCB.length; j++) {
                    var cbthis = $("input[name='cbtest']");
                    for (var i = 0; i < cbthis.length; i++) {
                        if (cbthis[i].value == arrCB[j]) {
                            cbthis[i].checked = true;
                        }
                    }
                }
                form.render("checkbox");//重新渲染頁面checkbox控件
                //固定復選框結束
 });

取值

var arr_box = [];//固定復選框
            $('#cbGuDing input[type=checkbox]:checked').each(function () {
                arr_box.push($(this).val());
            });
alert(arr_box);


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM