根据id复选框的选中

html
<div id="Comm_ModelName">
            角色权限信息
            <!-- <a href="javascript:chooseRole();" class="easyui-linkbutton" plain="true" iconCls='icon-edit'>设置角色</a>  -->
        </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);
            }
        }

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