根据id复选框的选中

2024-04-27 15:11:31

字体：大中小

来源：转载

供稿：网友

html<div id="Comm_ModelName"> 角色权限信息  </div> <div class="Comm_Choosed" id="Comm_Form" style="margin: 0 7px 0 5px; border-left: 1px solid #99BBE8; border-right: 1px solid #99BBE8; border-bottom: 1px solid #99BBE8; overflow: hidden; height: auto;"> <div style="float:left;width:100%;padding: 5px;"> <ul style="float:left" > #foreach($sr in $!srList) <li class="item fl mw_100"><div class="chk"><input type="checkbox" name="roleIds" id="role_$!sr.roleId" value="$!sr.roleId" #if($!sr.isDefault == 1) checked="checked" #end onClick="show();"></div> <div class="text">$!sr.roleName</div></li> #end </ul> </div> </div>js//是否显示副专业 function show(){ var box = $('#role_SR_20160929115545619078'); if(box.attr('checked') == 'checked'){ $(".topMajor").CSS('visibility','visible'); $("#sysMajor").css('required',true); }else{ $(".topMajor").css('visibility','hidden'); $("#sysMajor").css('required',false); } }

效果图：(因为角色信息是有后台传到前台的列表信息，而且只有点击中心人员时，才会出现副专业下拉框列表，所以当时的难点就是不好判断哪一个是中心人员) 这里写图片描述