checkBox

最新推荐文章于 2022-10-01 21:47:51 发布

原创最新推荐文章于 2022-10-01 21:47:51 发布 · 138 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#checkBox

本文深入探讨了JavaScript中操作DOM的高级技巧，包括利用正则表达式动态更新元素属性，通过字符串拼接构建复杂的DOM操作逻辑，以及利用变量保存中间结果以优化代码效率。通过实例演示了如何在实际项目中应用这些技巧来提高代码的可读性和性能。

//方法一
var areaService="";
areaService='${olderIds}';
if(areaService!=""){
var checkId=areaService.split(",");
for(var i=0;i<checkId.length;i++){
$("#o" + checkId[i]).attr("checked", true);
}
}
//方法二
var arr = "";
arr += ${checkItemList};
var arrs = new Array();
arrs = arr.split("-");
var serviceItem=document.getElementsByName("serviceItem");
for(var i = 0;i<serviceItem.length;i++){
for (j=0;j<arrs.length ;j++ )
{
if(serviceItem[i].value == arrs[j]){
serviceItem[i].checked=true;
break;
}
}

}
//点击事件获取id
function checkOlderId(id) {
if ($("#o" + id).attr("checked")) {
if (areaService == "") {
areaService = id;
} else {
areaService += "," + id;
}
}else{
if(areaService.indexOf(",")==-1){
areaService="";
}else if(areaService.lastIndexOf(id)==(areaService.length-id.length)){
areaService=areaService.replace(","+id,"");
}else{
areaService=areaService.replace(id+",","");
}
}
}