亚洲免费乱码视频,日韩 欧美 国产 动漫 一区,97在线观看免费视频播国产,中文字幕亚洲图片

      1. <legend id="ppnor"></legend>

      2. 
        
        <sup id="ppnor"><input id="ppnor"></input></sup>
        <s id="ppnor"></s>

        jQuery實(shí)現(xiàn)根據(jù)類(lèi)型自動(dòng)顯示和隱藏表單

        字號(hào):


            這篇文章主要給大家分享了jQuery實(shí)現(xiàn)根據(jù)類(lèi)型自動(dòng)顯示和隱藏表單的代碼,非常的簡(jiǎn)單實(shí)用,僅僅10行代碼,推薦給大家,希望能給大家一些提示。
            jquery實(shí)現(xiàn)表單根據(jù)單選按鈕進(jìn)行字段的動(dòng)畫(huà)切換,昨天寫(xiě)的,感覺(jué)比起初學(xué)時(shí)寫(xiě)的js/jquery有了很大進(jìn)步。。在最大化擴(kuò)展性的情況下經(jīng)可能使代碼精簡(jiǎn)。
            html
            代碼如下:
            <div>
            <label>類(lèi)型:</label>
            <div id="type">
            </div>
            <span></span>
            </div>
            <div>
            <label>欄目模版:</label>
            <div>
            <select name="column_tpl">
            </select>
            </div>
            <span></span>
            </div>
            <div>
            <label>文章模版:</label>
            <div>
            <select name="article_tpl">
            </select>
            </div>
            <span></span>
            </div>
            <input type="hidden" name="tpl" id="tpl" value="" />
            <div>
            <label><s>*</s>欄目鏈接:</label>
            <div>
            <input name="url" type="text" data-rules="{required:true,minlength:1,maxlength:30}">
            </div>
            <span>內(nèi)部鏈接格式:模塊/控制器/方法...,外部鏈接格式:http://../../</span>
            </div>
            js
            代碼如下:
            //根據(jù)類(lèi)型自動(dòng)顯示和隱藏表單
            var input_type=$('input[name=type]');
            function typeChangeHandle(){
            var ctypes=$('.ctype');
            var type=$(this).val();
            var hideCtypes=ctypes.filter(':not(.ctype'+type+')').slideUp(500,function () {
            $('.ctype'+type).slideDown(500);
            });
            }
            typeChangeHandle.apply(input_type);
            input_type.on('change',typeChangeHandle);
            input_type=null;
            以上所述就是本文的全部?jī)?nèi)容了,希望大家能夠喜歡。