html动态增加删除元素的readonly属性

html动态增加删除元素的readonly属性

div: id=" "中的id里面的属性必须是不一致的，否则的话只对第一个起作用。

<div class="form-group">
                    <label class="control-label ">测试：</label>
                     <div class="mt5">
                    	<textarea  id="isReadonly" class="form-control" style="resize: none;" readonly="readonly"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label ">测试1：</label>
                     <div class="mt5">
                    	<textarea  id="isReadonly1" class="form-control" style="resize: none;" readonly="readonly"></textarea>
                    </div>
                </div>
                <div class="form-group">
                    <label class="control-label ">测试2：</label>
                     <div class="mt5">
                    	<textarea  id="isReadonly2" class="form-control" style="resize: none;" readonly="readonly"></textarea>
                    </div>
                </div>
                
<div class="form-group">
                    <label class="control-label ">测试3：</label>
                     <div class="mt5">
                    	<textarea  id="isReadonly3" class="form-control" style="resize: none;" readonly="readonly"></textarea>
                    </div>
                </div>

js:注意isReadonly中的id不一致的

$(function() {
            if(roleId==101){
                // alert(roleId);
                $("#isReadonly").removeAttrs("readonly");//
                $("#isReadonly1").removeAttrs("readonly");
                $("#isReadonly2").removeAttrs("readonly");
                $("#isReadonly3").removeAttrs("readonly");
            }
        });

记录一下。。。。。。。。。。。。。