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只读，颜色变灰。选择第二个按钮的时候，可写且颜色变白。

第一种情况如下所示：