<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