场景下开发-js设置页面可编辑-readonly和disabled属性

 

/*
 *如果提交资料再审核,则将所有输入框锁定,无法选择图片
 *
 * */
function OpenUpdatePage(flag){
    
    if(flag === true){
//        将所有输入框锁定 readonly 属性规定输入字段为只读
        $("input[type='text']").removeAttr('readonly');
//        remove() 方法移除被选元素,包括所有文本和子节点,
        $("span[id$='Tip']").show();
        
        //上传按钮无法点击,并隐藏上传按钮,无法选择图片。
//        disabled 属性无法与 <input type="hidden"> 一起使用说
        $("input[type='button']").removeAttr('disabled');
        $("input[type='button']").show();
        $("textarea").removeAttr('disabled');
        
//        隐藏下一步按钮hide()/show()
        $("input[type='submit']").show();
    }else{
        
    //如果提交资料再审核,则将所有输入框锁定,无法选择图片。
    $("input[type='text']").attr('readonly','readonly');
    $("input[type='button']").attr('disabled','disabled');
    $("input[type='button']").hide();
    $("textarea").attr('disabled','disabled');
    
    $("input[type='submit']").hide();
    $("span[id$='Tip']").hide();
    
    }
    
};

 

posted @ 2017-08-03 17:59  alan-alan  阅读(652)  评论(0编辑  收藏  举报