easyUI 设置文本框是否可编辑

需求说明：在文本框之后增加一个复选框，勾选则可以编辑，不勾选则无法编辑。
方法说明：

1. 获取当前控件属性值
   var state = $(‘#id).textbox(‘options’).readonly;
   此处的textbox可为easyUI其他控件^_^

2. 改变文本框是否可编辑
   $(‘#id).textbox(‘readonly’,false);//设置文本框可编辑

   $(‘#id).textbox(‘readonly’,true);//设置文本框不可编辑

3. 改变文本颜色
   $(“.wblj_kp .textbox .textbox-text”).css(‘color’,’#ccc’);//灰色

   $(“.wblj_kp .textbox .textbox-text”).css(‘color’,’#555a66’);//黑色
   具体代码：
   js代码：

$(document).ready(function(){
                $('#articlesRedirecturl').textbox('readonly',true);
                $(".wblj_kp .textbox .textbox-text").css('color','#ccc');/* #555a66 */
`});``

`function show(){
                var state = $('#articlesRedirecturl').textbox('options').readonly;
                if(state==true){
                    $('#articlesRedirecturl').textbox('readonly',false);
                    $(".wblj_kp .textbox .textbox-text").css('color','#555a66');
                }else if(state==false){
                    $('#articlesRedirecturl').textbox('readonly',true);
                    $(".wblj_kp .textbox .textbox-text").css('color','#ccc');
                }
            }`

html代码：

                <div class="kRight">
                    <div class="w254">
                        <input class="easyui-textbox" id="articlesRedirecturl" name="model.articlesRedirecturl" type="text" value="${model.articlesRedirecturl}">
                    </div>
                    <div class="kRight_r lh34">
                        <input type="checkbox" name="likeBoolean" onchange="show();"><span class="marginl10">勾选后稿件可查看外部链接</span>
                    </div>
                 </div>
            </div>

“`