选择无线电On单击DIV

Question

我想在特定DIV上执行单击操作时选择一个RADIO button。我正在使用以下代码并且它工作正常，但根据它们，W3 没有对其进行验证，我不能在 LABEL 标签中使用 DIV 标签。我不会更喜欢JQuery，因为整个工作可以在适当的位置使用LABEL完成以下是我的代码

<div class="col-md-4 col-sm-4 padding"><label style="height:100%; width:100%;">
  <div class="boxtyle2">
    <div class="checkbox">
      <div class="donate-option-box">
        <input type="radio" checked="checked" onclick="ChangeGivingTextColor('10');" class="styled" value="10" name="asd">
      </div>
      <h4 id="giving10" style="color: rgb(241, 55, 133);"><span class="pink2 currencysymbol">$</span>10</h4>Text
    </div>
    <div class="clear"></div>
  </div><!--boxtyle2-->
  </label></div>

有人可以修改我的代码，以便我可以将其与 LABEL 一起使用，但如果没有 LABEL 选项，那么我应该在 JQuery 中做什么？

Answer 1

这是您可以在div 元素上选择单选按钮的代码。

$("div").on("click", function(){
   $("input[type='radio']").prop("checked", true);
});

Answer 2

虽然我对你的问题足够清楚，但我会根据我的理解回答什么。

首先，标签是内联元素，而div 是块元素，因此很明显您不能在内联元素中使用块元素。

其次，对于div 上的点击操作，您可以使用 jQuery .click（） 方法

例：

 $("#divID").click(function(){
 alert("The paragraph was clicked.");
 });