赵今麦's boyfriend 2022-05-06 18:21 采纳率: 100%
浏览 12
已结题

【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

我想要达到的结果

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

  • 写回答

1条回答 默认 最新

  • 代码的灵魂是bug！ 2022-05-07 09:55
    关注
    <!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>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 系统已结题 5月15日
  • 已采纳回答 5月7日
  • 创建了问题 5月6日

悬赏问题

  • ¥15 乌班图ip地址配置及远程SSH
  • ¥15 怎么让点阵屏显示静态爱心，用keiluVision5写出让点阵屏显示静态爱心的代码，越快越好
  • ¥15 PSPICE制作一个加法器
  • ¥15 javaweb项目无法正常跳转
  • ¥15 VMBox虚拟机无法访问
  • ¥15 skd显示找不到头文件
  • ¥15 机器视觉中图片中长度与真实长度的关系
  • ¥15 fastreport table 怎么只让每页的最下面和最顶部有横线
  • ¥15 R语言卸载之后无法重装，显示电脑存在下载某些较大二进制文件行为，怎么办
  • ¥15 java 的protected权限 ，问题在注释里