【layui】在点击单选按钮时所选定的内容在下面的区域框或者输入框内显示单选内容

问题遇到的现象和发生背景

在点击意见为通过时,下面的输入框和区域框需要展示单选按钮所选定的内容

问题相关代码,请勿粘贴截图
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>getelementbyid</title>
        <link rel="stylesheet" type="text/css" href="layui-v2.6.8/layui/css/layui.css" />
        <script src="layui-v2.6.8/layui/layui.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <script type="text/javascript">
        function dosubmit(){
            var status = document.getElementById('status')
            console.log(status)
            var opinion = document.getElementById('opinion')
            console.log(opinion)
            if (status.attr('check')) {
                opinion.innerHTML = '通过'
            }
        }
    </script>
    <body>
        <form class="layui-form" method="post" name="sqcgxx1" id="sqcgxx1">
            <input type="radio" name="status" id="status" value="1" title="通过" checked="" />
            <input type="radio" name="status" id="status" value="0" title="驳回" />
            <textarea rows="4" cols="3" class="layui-textarea" placeholder="请输入审批意见" name="opinion" id="opinion"
                style="width:500px;height:50px;">
            </textarea>
        </form>
    </body>
</html>


运行结果及报错内容

img

我想要达到的结果

就是在下面的区域框展示选定按钮的内容

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>getelementbyid</title>
        <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">
        <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
    </head>
    <script type="text/javascript">
        layui.use('form',function(){
            var form = layui.form;

            form.on('radio(status)', function(data){
              console.log(data.elem.title); //得到radio原始DOM对象
              console.log(data.value); //被点击的radio的value值
              document.getElementById("opinion").innerHTML = data.elem.title;
            });
        })
    </script>
    <body>
        <form class="layui-form" method="post" name="sqcgxx1" id="sqcgxx1">
            <input type="radio" name="status" value="1" title="通过" checked="" lay-filter="status"/>
            <input type="radio" name="status" value="0" title="驳回" lay-filter="status"/>
            <textarea rows="4" cols="3" class="layui-textarea" placeholder="请输入审批意见" name="opinion" id="opinion"
                style="width:500px;height:50px;">
            </textarea>
        </form>
    </body>
</html>