Javascript 循环每个输入,再次循环并比较

Javascript 循环每个输入,再次循环并比较,javascript,jquery,Javascript,Jquery,正如您从下面的代码片段中看到的,我首先获取当前单击按钮的当前父行(“.role\u td\u holder”),并找到其中包含“.role\u wrapper”类的div,然后将其放在名为“this\u roletr”的变量上,然后循环每个.flatRoundedCheckbox输入,创建一个名为“role\u name”的全局变量然后循环遍历具有“role_wrapper”类的每个div,然后获取每个文本并将其放在全局变量“role_name”上,然后放在“.flatRoundedCheckb

正如您从下面的代码片段中看到的,我首先获取当前单击按钮的当前父行(“.role\u td\u holder”),并找到其中包含“.role\u wrapper”类的div,然后将其放在名为“this\u roletr”的变量上,然后循环每个.flatRoundedCheckbox输入,创建一个名为“role\u name”的全局变量然后循环遍历具有“role_wrapper”类的每个div,然后获取每个文本并将其放在全局变量“role_name”上,然后放在“.flatRoundedCheckbox input”的循环中。我比较当前循环输入的name属性内容是否等于role_name内容,如果确实如此,则将checked属性放入当前循环的输入,否则,如果没有,则将checked属性设置为false。如下面的代码片段所示,它可以工作,但当实际有两个.role\u包装器或多个.role\u包装器将其文本与任何.flatRoundedCheckbox输入名称匹配时,仅选中一个复选框(例如,如果有两个div具有“role_wrapper,假设只选中一个复选框,必须选中两个复选框,使其名称属性内容与具有“role_wrapper”文本类的div相匹配。非常感谢任何帮助、想法、建议、建议、帮助。谢谢

$(文档).ready(函数(){
$(document).on(“click”,“.trigger”,function()){
var this_roletr=$(this).parents(“.role_td_holder”).find(“.role_wrapper”);
$(“#复选框_container.flatRoundedCheckbox输入[type='checkbox']”)。每个(函数(){
var复选框=$(此);
这是每个(函数(){
var role_name=$(this).text();
if(checkbox.attr(“name”)==角色名称){
复选框.prop(“选中”,true);
}否则{
复选框.prop(“选中”,false);
}
});
});
});
});
table、theader、th、tbody、tr、td、a、.extend{最大宽度:100%;最大高度:100%;}
a:焦点,a:活动{大纲:无;文本装饰:无;}
a、 span、.cosbox_notify、.transaction{-webkit转换:所有200ms输入输出;-moz转换:所有200ms输入输出;-ms转换:所有200ms输入输出;-o转换:所有200ms输入输出;转换:所有200ms输入输出;}
.bgwhite{背景:#fff;}
.center{左边距:自动;右边距:自动;}
.clear{clear:两者;float:无;}
.fade{转换:所有300ms线性700ms;-webkit转换:translate3d(0,0,0);-moz转换:translate3d(0,0,0);-ms转换:translate3d(0,0,0);-o转换:translate3d(0,0,0);转换:translate3d(0,0,0);不透明度:1;}
.fade.out{opacity:0;}
.table_scroll、.overflow_容器{overflow:auto;}
.table_scroll_y{overflow-x:hidden;overflow-y:auto;}
.table_scroll_x{overflow-x:auto;overflow-y:hidden;}
.align_left{float:left;}
.align_right{float:right;}
.display_table{display:table;}
.display_block{display:block;}
.overflow_hidden{overflow:hidden;}
.overflow_auto{overflow:auto};
.overflow_x{overflow-x:auto};
.overflow_y{overflow-y:auto};
.inline_块{显示:inline块;}
.分隔器{高度:10px;}
.padding_2px{padding:2px;}
.padding_3px{padding:3px;}
.padding_4px{padding:4px;}
.padding_5px{padding:5px;}
.padding_6px{padding:6px;}
.padding_7px{padding:7px;}
.padding_8px{padding:8px;}
.padding_9px{padding:9px;}
.padding_10px{padding:10px;}
.margin_left2px{margin left:2px;}
.margin_left3px{margin left:3px;}
.margin_left4px{margin left:4px;}
.margin_left5px{margin left:5px;}
.margin_left6px{margin left:6px;}
.margin_left7px{margin left:7px;}
.margin_left8px{margin left:8px;}
.margin_left9px{margin left:9px;}
.margin_left10px{margin left:10px;}
.margin_right2px{margin right:2px;}
.margin_right3px{margin right:3px;}
.margin_right4px{margin right:4px;}
.margin_right5px{margin right:5px;}
.margin_right6px{margin right:6px;}
.margin_right7px{margin right:7px;}
.margin_right8px{margin right:8px;}
.margin_right9px{margin right:9px;}
.margin_right10px{margin right:10px;}
.margin_top2px{margin top:2px;}
.margin_top3px{margin top:3px;}
.margin_top4px{margin top:4px;}
.margin_top5px{margin top:5px;}
.margin_top6px{margin top:6px;}
.margin_top7px{margin top:7px;}
.margin_top8px{margin top:8px;}
.margin_top9px{margin top:9px;}
.margin_top10px{margin top:10px;}
.margin_bottom2px{margin bottom:2px;}
.margin_bottom3px{margin bottom:3px;}
.margin_bottom4px{margin bottom:4px;}
.margin_bottom5px{margin bottom:5px;}
.margin_bottom6px{margin bottom:6px;}
.margin_bottom7px{margin bottom:7px;}
.margin_bottom8px{margin bottom:8px;}
.margin_bottom9px{margin bottom:9px;}
.margin_bottom10px{margin bottom:10px;}
.status_approve{颜色:#76b729!重要;}
.status_reject{color:#eb5959!重要;}
.status_pending{color:#ebca59!重要;}
.绿色按钮{
保证金:0自动;
显示:块;
文本转换:大写;
字体:普通13px“mpregular”,无衬线;
颜色:#fff;
填充:7px 7px 3px 7px;
宽度:85px;
颜色:#fff;
边界顶部:无;
左边界:无;
边界权:无;
边框底部:3px实心#659d24;
背景#76b729;
文本对齐:居中;
-webkit边界半径:5px;
-moz边界半径:5px;
边界半径:5px;
}
.green_按钮:悬停{轮廓:无;颜色:#ffffff;背景:#659d24!重要;边框底部:3px实心#659d24!重要;}
.green_按钮:焦点,.green_按钮:活动{大纲:无;}
.FlatRounded复选框
{
宽度:40px;
高度:21px;
位置:相对位置;
}
.flatRoundedCheckbox分区
{
宽度:100%;
身高:100%;
背景#d3;
边界半径:50px;
位置:相对位置;
}
.flatRoundedCheckbox标签
{
显示:块;
宽度:16px;
高度:16px;
边界半径:50px;
-webkit过渡:全部。5s轻松;
-moz过渡:全部5秒轻松;
-o型过渡:全部。5秒轻松;
-ms过渡:全部5秒轻松;
$(this).parents(".role_td_holder").find(".role_wrapper").each(function(){
                var role_name = $.trim($(this).text());
                $("#checkbox_container .flatRoundedCheckbox  input[type='checkbox']").each(function(){ 
                    if($(this).attr("name") === role_name){
                        $(this).prop("checked", true);
                    }
                   // alert("asdasd");
                });

            });