layui 複選框checked獲取值和賦值

<div class="layui-input-inline">
     <input type="checkbox" id="feedback" lay-skin="primary" title="正確用藥">
     <input type="checkbox" id="feedback" lay-skin="primary" title="血糖監測">
     <input type="checkbox" id="feedback" lay-skin="primary" title="規律飲食">
     <input type="checkbox" id="feedback" lay-skin="primary" title="監測運動">
     <input type="checkbox" id="feedback" lay-skin="primary" title="血壓達標">
     <input type="checkbox" id="feedback" lay-skin="primary" title="其餘">
  </div>

 

 

 

 

<script>
        layui.use('form', function () {
            var form = layui.form, //只有執行了這一步,部分表單元素纔會自動修飾成功
                $ = layui.$;

            //給CheckBox賦值
            $(document).ready(function () {
                $.ajax({
                    type: "GET",
                    url: "\\JsonData/json1.json",
                    success: function (data) {
                        var unitType = [];
                        unitType = data.CRCHD.split(",");
                        for (var j = 0; j < unitType.length; j++) {
                            var unitTypeCheckbox = $("input[id='feedback']");
                            for (var i = 0; i < unitTypeCheckbox.length; i++) {
                                if (unitTypeCheckbox[i].title == unitType[j]) {
                                    unitTypeCheckbox[i].value = unitType[j];
                                    unitTypeCheckbox[i].checked = true;
                                }
                            }
                        }
                        form.render();
                    }

                });
            });
            //監聽提交
            form.on('submit(demo1)', function (data) {
                //layer.alert(JSON.stringify(GetCheckboxValues("Health"))), {
                //    title: '最終的提交信息'
                //};
                var New =data.field;
                New["CJKZK"] = GetCheckboxValues("Health");
                New["CRCHD"] = GetCheckboxValues("activities");
                New["CRCSH"] = GetCheckboxValues("Life");
                New["CSFFK"] = GetCheckboxValues("feedback");
                console.log(JSON.stringify(New));
                return false;
            });

            //將checke拼接爲"value1,value2,value3"
            function GetCheckboxValues(Name) {
                var result = [];
                $("[id='" + Name + "']:checkbox").each(function () {
                    if ($(this).is(":checked")) {
                        result.push($(this).attr("title"));
                    }
                });
                return result.join(",");
            };
        });
    </script>

給CheckBox 賦值:javascript

 Json:java

{
"CRCHD": "正確用藥,規律飲食,監測運動,血壓達標",
"CBULM": "1,3,4,5"
}ajax

拼接事後的CheckBox值:json

相關文章
相關標籤/搜索