Question

我想要它，因此，如果用户单击面板本身，它会自动在ID上打勾，但实际上不起作用。

<div class="col-sm-6">
   <div style="border-radius: 0px; border-style: solid; border-width: 2px; color: rgba(50, 115, 220, 0.0);" class="panel panel-price panel-addon" onclick="document.getElementById('5').click()">
      <div class="panel-body" style="color: #333;">
         <h2 style="font-size: 20px; font-weight: 600;">Sponge (SpigotVanilla)</h2>
         <label style="position: absolute; top: 2px; right: 17px;">
         <input type="radio" class="panel panel-default" style="position:relative; top: 0px; right:0px; border: none;" name="configoption[2]" id="5" value="5" />
         </label>
      </div>
   </div>
</div>

Answer 1

您可以在不使用JavaScript的情况下执行此操作，更改将获得LABEL的点击的DIV，因此当用户点击时，将触发RADIO：

    <div class="col-sm-6">
       <label style="border-radius: 0px; border-style: solid; border-width: 2px; color: rgba(50, 115, 220, 0.0);" class="panel panel-price panel-addon">
          <div class="panel-body" style="color: #333;">
             <h2 style="font-size: 20px; font-weight: 600;">Sponge (SpigotVanilla)</h2>
             <div style="position: absolute; top: 2px; right: 17px;">
             <input type="radio" class="panel panel-default" style="position:relative; top: 0px; right:0px; border: none;" name="configoption[2]" id="5" value="5" />
             </div>
          </div>
       </label>
    </div>

这是解决问题的最佳方法，但是LABEL中的DIV不好，我建议您查看HTML结构

onclick不起作用，因为它应该起作用

1 个答案: