Javascript 在动态生成的html页面中重新对齐复选框

Javascript 在动态生成的html页面中重新对齐复选框,javascript,jquery,css,asp-classic,Javascript,Jquery,Css,Asp Classic,我有一个动态生成的html页面。页面是由代码隐藏生成的。每个Div都包含一个修改过的复选框按钮(HTN、DN、JAUNDICE),单击该按钮可显示或隐藏与其对应的Div。现在我想做的是,如果一个Div包含modified checkbox按钮,那么即使选中了该复选框,所有修改的复选框也必须在其父Div的顶部顺序排列。我该怎么做 检查我的JSFiddler $(文档).ready(函数(){ //添加日期文本框日期选择器 $('.DateTextBox')。每个(函数(){ $(此).date

我有一个动态生成的html页面。页面是由代码隐藏生成的。每个Div都包含一个修改过的复选框按钮(HTN、DN、JAUNDICE),单击该按钮可显示或隐藏与其对应的Div。现在我想做的是,如果一个Div包含modified checkbox按钮,那么即使选中了该复选框,所有修改的复选框也必须在其父Div的顶部顺序排列。我该怎么做

检查我的JSFiddler

$(文档).ready(函数(){
//添加日期文本框日期选择器
$('.DateTextBox')。每个(函数(){
$(此).datepicker({
dateFormat:$(this).data('dateFormat'),
showButtonPanel:是的,
变化月:对,
变化年:是的,
defaultDate:新日期(),
变化月:对,
变化年:对
});
});
//Jquery For JumpCheckBox
$('body')。在('click','ck button',function()上{
var chkBox=$(this).find(“输入[type=checkbox]”);
如果(chkBox.is(“:checked”)){
$('#divfor'+chkBox.attr(“id”).hide();
$('.myCheckbox').prop('checked',false);
//$(this.parent().parent().parent().find(“table”).attr(“class”,“JumpCheckBox”);
$(this.parent().parent().parent().parent().attr(“类”、“跳转复选框”);
}否则{
$('#divfor'+chkBox.attr(“id”).show();
$('.myCheckbox').prop('checked',true);
//$(this.parent().parent().parent().find(“表”).attr(“类”,“类”);
$(this.parent().parent().parent().parent().attr(“class”,“JumpUnCheckBox”);
}
//按钮复选框的Jquery
});
$('body')。在('click','ck buttonBox',function()上{
var chkBox=$(this).find(“输入[type=checkbox]”);
如果(chkBox.is(“:checked”)){
$('.myCheckbox').prop('checked',false);
}否则{
$('#divfor'+chkBox.attr(“id”).show();
$('.myCheckbox').prop('checked',true);
}
});
});
.LGBorder{
边框:1px实心#DDD9D9;
背景色:#FFF;
颜色:#CCC;
}
.LGShadow{
网络工具包盒阴影:5px 5px 10px-4px#cccc;
-moz盒阴影:5px 5px 10px-4px#cccc;
盒影:5px 5px 10px-4px#CCCC;
}
.ck按钮{
背景色:#459E5A;
边界半径:4px;
边框:1px实心#d0;
溢出:自动;
浮动:左;
}
.ck按钮:悬停{
背景色:#EFEF;
边界半径:4px;
边框:1px纯红;
溢出:自动;
浮动:左;
颜色:红色;
}
.ck按钮标签{
浮动:左;
}
.ck按钮标签范围{
文本对齐:居中;
填充:3px0px;
左侧填充:5px;
右侧填充:5px;
显示:块;
}
.ck按钮标签输入{
位置:绝对位置;
顶部:-20px;
}
.ck按钮输入:选中+span{
背景色:#911;
颜色:#fff;
}
.钮扣盒{
背景色:#459E5A;
边界半径:4px;
边框:1px实心#d0;
溢出:自动;
浮动:左;
}
.ck纽扣盒:悬停{
背景色:#EFEF;
边界半径:4px;
边框:1px纯红;
溢出:自动;
浮动:左;
颜色:红色;
}
.ck纽扣盒标签{
浮动:左;
}
.ck纽扣盒标签跨度{
文本对齐:居中;
填充:3px0px;
左侧填充:5px;
右侧填充:5px;
显示:块;
}
.ck按钮盒标签输入{
位置:绝对位置;
顶部:-20px;
}
.ck按钮盒输入:选中+范围{
背景色:#911;
颜色:#fff;
}
纽迪夫先生{
填充顶部:50px;
}
.DivLabel{
左边距:100px;
边缘顶部:10px;
宽度:70%;
颜色:黑色;
垫底:10px;
边框样式:1px实心;
}
.ControlLabel{}.JumpCheckBox{
宽度:10%;
显示:内联flex;
垫底:25px;
}
.JumpUnCheckBox{
填充顶部:30px;
}
.NumberTextBox{
文本对齐:右对齐;
}

提出投诉
家族史
过去的历史
HTN
Htn
药物
期间
治疗
难题
评论
DM
Dm
药物
期间
期间
四级考试
测试级别4-II
1.
2.
3.