jQuery根据radio来控制texteara

最近遇到一个问题：需要通过点击radio来控制texteara的属性变化。

这里主要有两个知识点：1，给texteara设置属性；2，给texteara设置背景颜色。

在这里，假设texteara的id值为forbidden_detail_id，radio的name为commont，则，其实现如下：

$(function(){
        $("input:radio[name='commont']").click(function(){
            var val = $('input:radio[name="commont"]:checked').val();
            if(val == 1){
                $("#forbidden_detail_id").attr("readonly",true);
                $("#forbidden_detail_id").css("background-color", "#F7F7F7");
            }else{
                $("#forbidden_detail_id").attr("readonly",false);
                $("#forbidden_detail_id").css("background-color","");


            }
        });
    });

解释：当选择第一个的时候，texteara只读，颜色变灰。选择第二个按钮的时候，可写且颜色变白。

第一种情况如下所示：