Jquery禁止/恢復按鈕與文本框代碼

       最近，加入了一個小項目，由浩哥帶領我們幾個人一起開發一個東西。幸運的是，我和胡志婷分到了一組，她可是一個具有豐富經驗的牛人，對我也很好，哈哈。

                                                                                                                     ——背景

     

       說點正事，最近，我們在進行項目的時候，提到了一個需求，就是要動態的禁用或者是恢復

<input type="text" editor:"text"><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"><span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);"></span></span>

的編輯功能，剛開始，找遍了整個easyui的使用手冊，可是，還是沒有什么收獲，可是我沒有放棄，終於就在剛剛，我解決了這個問題，展示如下：

function onClickRow(index) {
        if (editIndex != index) {
        if (endEditing()) {
            $('#dg').datagrid('selectRow', index)
                    .datagrid('beginEdit', index);
            var cellEdit = $('#dg').datagrid('getEditor', { index: index, field: 'Quote' });


            var $input = cellEdit.target; // 得到文本框對象


            $input.val('aaa'); // 設值
            $('input').attr("readonly","readonly" );
            $input.prop('readonly', true); // 設值只讀


            editIndex = index;
        } else {
            $('#dg').datagrid('selectRow', editIndex);
        }
        //JSON.stringify(inserted);
    }
}

看上去感覺也挺簡單，可是，為啥自己就寫不出來呢，經過整理，我了解到，要實現這個功能還有別的方法：

disabled

//禁用 id 為 btn 的按鈕：
$("#btn").attr({"disabled":"disabled"}); 
//或者 
 $("#btn").attr("disabled","disabled"); 
//取消禁用：
$("#btn").removeAttr("disabled"); 
 //或者 
$("#btn").attr("disabled","");

像這種，他禁用的只是一些id為btn的東西，只要我們的id不是btn，就不會受影響

readonly

$(‘input’).attr(“readonly”,”readonly”)//將input元素設置為readonly
$(‘input’).removeAttr(“readonly”);//去除input元素的readonly屬性
if($(‘input’).attr(“readonly”)==true)//判斷input元素是否已經設置了readonly屬性

而像這種，我們是把整個input全部設成只讀屬性，也就是說，本界面上，所有的<input >都不能再進行編輯修改了

總結：

    我們學習到了知識，如果不用的話，會慢慢的爛在自己的心里，會慢慢的淡忘，所以，學到了，就要能用則用，多多鍛煉自己，這樣自己才能掌握的更加靈活，理解得更加深刻！