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上的on-click动作，你可以使用jQuery .click（）方法

示例：

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

选择广播OnClick on DIV

2 个答案: