div显示/隐藏

最新推荐文章于 2020-11-16 17:13:37 发布

嘎java嘎

最新推荐文章于 2020-11-16 17:13:37 发布

阅读量392

点赞数

文章标签： div显示隐藏

本文链接：https://blog.csdn.net/mahe9347/article/details/41014859

版权

<html>
<head>
<title>短信发送</title>
</head>

<script language="javascript">
   //发送短信，显示/隐藏
   function checkBox(cb) {
       var oOne = document.getElementById("one");
       var oTwo = document.getElementById("two");
       var oDiv1 = document.getElementById("div1");
       var oDiv2 = document.getElementById("div2");
       if (cb.id == "one") {
           oTwo.checked = false;
           oDiv2.style.display = "none";
           if (cb.checked) {
               oDiv1.style.display = "block";
           } else {
               oDiv1.style.display = "none";
           }
       } else if (cb.id == "two") {
           oOne.checked = false;
           if (cb.checked) {
               oDiv2.style.display = "block";
           } else {
               oDiv2.style.display = "none";
           }
           oDiv1.style.display = "none";
       }
   }
</script>
</head>
<body class="body">
   <form action="">
       <div>
           选择发送短信的类型 <br> <input type="checkbox" id="one"
               onClick="checkBox(this);" /><label for="">发送服务短信</label><br />
           <div id="div1" style="display:none">【阳光时代保】感谢您的接听，如有任何疑问，欢迎拨打XXXXXXXX咨询，工号XXX，姓名XXX将竭诚为您服务。</div>
           <br /> <input type="checkbox" id="two" onClick="checkBox(this);" /><label
               for="">发送上门短信</label><br />
           <div id="div2" style="display:none">
               【阳光时代保】尊敬的客户，已帮您预约在XXXX门店。请于上门日期XXXX-XX-XX，XX:XX之前到门店递交材料。地址：XXXXXXXXXX,需要携带身份证，<input
                   type="text" id="targetObj" name="targetObj" value="">等相关申请材料原件。
           </div>
           <br /> <input type="button" value="预览">
       </div>
   </form>
</body>
</html>