jQuery根据radio来控制texteara

时间:2022-09-26 15:27:32

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

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

第一种情况如下所示:

jQuery根据radio来控制texteara