能够点击进入下一个但是想点回前面的却点击不了,没有任何效果该如何处理?(关键词-点击事件)

点击前

img

点击后

img

想重新点击车辆检测的时候却没有一点反应!

这个是我所定义的box

img

这个是我所定义的boxz

img

这个是我在script中写的点击事件的方法
b00是“陪同看车”功能板块,b10是“车辆检测”功能板块,box是“车辆检测”的内容,boxz是“陪同看车”的内容
我用两个div也就是box和boxz放了相似的内容,而且两个div中b10和b00的名字都没有改变过(不知道是不是因为这个原因,但是尝试改过也没有变化)。


         var c1=document.getElementById("b00");
         var c2=document.getElementById("b10");
         var c3=document.getElementById("box");
         var c4=document.getElementById("boxz");
         c1.onclick=function(){
              c3.style.display="none";
              c4.style.display="block";
         }
         c2.onclick=function(){
              c3.style.display="block";
              c4.style.display="none";
         }

把box里面的 id="b10" 删除,把boxz里面的 id='b00' 删除,,因为 id 是唯一的

兄弟,你这代码写的有问题,你应该把《车辆检测》和《车辆陪同》的两个按钮抽离出来,不然当第一个block消失的时候,第二个block中的两个button是不会绑定点击事件的,你可以在两个onclick中打印一些日志信息,第二次你点击,是不会调用该方法的。
所以正确的逻辑应该是:按钮在公共区域,控制下方block的显隐。

<div>
  <div>
    <button>车辆陪同</button>
    <button>车辆检测</button>
  </div>
  <div>block1</div>
  <div style="display:none">block2</div>
</div>

把按钮type改为button,应该是submit触发提交表单了

你应该是写了两部分 四个button按钮,这两个部分,分别被box和boxz包裹;
html内的id全部都应该为唯一的,不能有重复的id名,虽然元素隐藏了,但是dom节点还在的,将每个标签的id名修改为不重复的,再更具ID名绑定事件;
建议将按钮部分从box和boxz中提取出来,只写两个按钮标签