<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 賦值:

Json:
{
"CRCHD": "正確用葯,規律飲食,監測運動,血壓達標",
"CBULM": "1,3,4,5"
}
拼接過后的CheckBox值:

