复选框读取数据，分割字符串转换成数组，显示复选框选中。

来源：互联网发布：js返回根目录编辑：程序博客网时间：2024/05/17 07:28

JSP部分：

<div class="form-group"><label class="col-md-3 control-label">能源类型：</label><div><label class="checkbox-inline"><input type="checkbox" id="Checkbox1" name="energyType" value="深层地热"> 深层地热</label><label class="checkbox-inline"><input type="checkbox" id="Checkbox2" name="energyType" value="浅层地热"> 浅层地热</label><label class="checkbox-inline"><input type="checkbox" id="Checkbox3" name="energyType" value="污水"> 污水</label><label class="checkbox-inline"><input type="checkbox" id="Checkbox4" name="energyType" value="燃气"> 燃气</label><label class="checkbox-inline"><input type="checkbox"  id="Checkbox6" value="其它" onclick="energyTypeCheck(this);"> 其它<input style="display:none;" name="energyType" type="text" id="Checkbox5"/></label></div></div>

JS部分：

var strs= new Array(); //定义一数组var str="${data.energyStationRet.energyType}";strs=str.split(","); //字符分割for (i=0;i<strs.length ;i++ ){console.log(strs[i].trim());if(strs[i].trim() == "深层地热") {$("#Checkbox1").attr("checked","true");}else if(strs[i].trim() == "浅层地热") {$("#Checkbox2").attr("checked","true");}else if(strs[i].trim() == "污水") {$("#Checkbox3").attr("checked","true");}else if(strs[i].trim() == "燃气") {$("#Checkbox4").attr("checked","true");}else if(strs[i].trim() == "") {}else {$("#Checkbox6").attr("checked","true");var Checkbox5 = document.getElementById('Checkbox5');Checkbox5.style.display='inline-block';Checkbox5.value = strs[i].trim();}} /*弹出部分*/ function energyTypeCheck (chk) {var Checkbox5 = document.getElementById('Checkbox5');if (chk.checked) {Checkbox5.style.display='inline-block';}else {Checkbox5.style.display='none';}}

0 0