Multi-box data binding, JS control display hidden selection and other methods

                <TDstyle= "background: #F3F8FD; border-top-style:none; border-top-color:inherit; border-top-width:medium;"class= "Style1">Investment sub-Category:</TD>                <TDcolspan= "3"; style= "background: #F3F8FD; width:795px;padding-left:1px;border-top:none;">                <DivID= "Gdzc"style= "Display:none;">                <inputname= "Dxgdzc"type= "checkbox"runat= "Server"ID= "Shebei"value= "Device" />Equipment<inputname= "Dxgdzc"type= "checkbox"runat= "Server"ID= "Scjd"value= "Production base" />Production Base<inputname= "Dxgdzc"type= "checkbox"runat= "Server"ID= "FJYXDBGFJJ"value= "Non-operational and office infrastructure" />non-business and office infrastructure<inputname= "Dxgdzc"type= "checkbox"runat= "Server"ID= "BGGLYFZX"value= "office management Room Decoration" />Office Management Room Decoration</Div>
The above defines a multi-box for attributes such as Name,type. <div id= "gdzc" style= "display:none;" >       Causes its initial state to be hidden. controlled by JS.
                <DivID= "Dwtz"style= "Display:none;">                <inputname= "Dxdwtz"type= "checkbox"runat= "Server"ID= "Jcss"value= "Infrastructure" />Basic Facilities<inputname= "Dxdwtz"type= "checkbox"runat= "Server"ID= "FDC"value= "Real Estate" />Real Estate<inputname= "Dxdwtz"type= "checkbox"runat= "Server"ID= "TDCBJ"value= "Land Reserve Fund" />Land Reserve Fund<inputname= "Dxdwtz"type= "checkbox"runat= "Server"ID= "Guquan"value= "Equity" />Equity<inputname= "Dxdwtz"type= "checkbox"runat= "Server"ID= "Jinron"value= "Finance" />Financial</Div>                </TD>

Control the display of multi-box by JS. Hide, check status, etc.

functionSelchange () {//$ ("#seltype"). empty ();                varSEL = $ ("#selinvestmentType"). Val (); if(sel = = "Fixed Assets")) {                    $("#gdzc"). CSS (' Display ', ' block '); $("#dwtz"). CSS (' Display ', ' none ')); $("#jcss"). attr ("Checked",false); $("#fdc"). attr ("Checked",false); $("#tdcbj"). attr ("Checked",false); $("#guquan"). attr ("Checked",false); $("#jinron"). attr ("Checked",false); } Else if(sel = = "Outbound Investment") {                    $("#gdzc"). CSS (' Display ', ' none ')); $("#dwtz"). CSS (' Display ', ' block '); $("#shebei"). attr ("Checked",false); $("#scjd"). attr ("Checked",false); $("#fjyxd"). attr ("Checked",false); $("#bgfjj"). attr ("Checked",false); $("#bgglyfzx"). attr ("Checked",false); } Else if(sel = = "") {                    $("#gdzc"). CSS (' Display ', ' none ')); $("#dwtz"). CSS (' Display ', ' none ')); $("#shebei"). attr ("Checked",false); $("#scjd"). attr ("Checked",false); $("#fjyxd"). attr ("Checked",false); $("#bgfjj"). attr ("Checked",false); $("#bgglyfzx"). attr ("Checked",false); $("#jcss"). attr ("Checked",false); $("#fdc"). attr ("Checked",false); $("#tdcbj"). attr ("Checked",false); $("#guquan"). attr ("Checked",false); $("#jinron"). attr ("Checked",false); }            }

Multi-box data binding, JS control display hidden selection and other methods