小白,想问下JS如何实现选择了按钮A，就必须要填相应的文本框。如图

图片说明

如图所示，我在 是否关闭 上打了勾，如何实现关闭原因必须要填 。

给是否关闭的选择绑定事件,根据值 给下方的文本框设置require 属性

form提交之前检查checkbox要是有值则关闭原因也必须有值。

首先根据id获取是否关闭的checkbox，判断是否是选中的状态，checked属性，如果为true，表示勾选，然后再获取文本框内容，如果为空就alert("请填写关闭原因!")，或者使用jquery设置文本框的require属性为true也可以

<!DOCTYPE html>




<br> //提交触发<br> function tjLoad(){<br> var a= document.getElementById(&quot;gb&quot;);<br> if(a.checked){ //当是否关闭被选中时，<br> var b= document.getElementById(&quot;yy&quot;);<br> if(b.value==&quot;&quot;){<br> b.value=&quot;不能为空&quot;;<br> }<br> }<br> }<br> //点击关闭原因触发<br> function gbyy(){<br> var b= document.getElementById(&quot;yy&quot;);<br> b.value=&quot;&quot;;<br> }<br>

是否关闭  
关闭原因


 <!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
        //提交触发
        function tjLoad(){
            var a= document.getElementById("gb");
            if(a.checked){      //当是否关闭被选中时，
                var b= document.getElementById("yy");
                if(b.value==""){
                    b.value="不能为空";
                }
            }
        }
        //点击关闭原因触发
        function gbyy(){
            var b= document.getElementById("yy");
            b.value="";
        }
    </script>
</head>
<body>
<div>
    <form>
    是否关闭 &nbsp;<input type="checkbox" id="gb"/><br/>
    关闭原因 <textarea id="yy" onclick="gbyy()"></textarea>     <br/>
       <input type="button" value="提交" onclick="tjLoad()">
    </form>
</div>
</body>
</html>