Question

假设我有一个包含单选按钮和一些文本的div。我传统上不能使用单选按钮，并希望做一个hacky解决方案，其中div是可点击的，单选按钮作为div的一部分响应。这当然不会发生，所以我试图在单选按钮上放置一个div，但是idk如何使单选按钮位于单选按钮上，所以单击单选按钮实际上意味着你单击了包装div。有什么想法吗？

Answer 1

你是说这个吗？

https://jsfiddle.net/2Ld8ze03/1/

使用<label>您输入复选框＆＃34;链接＆＃34;包装元素

使用带有DIV的纯CSS无法达到同样的效果，这是一个非常棘手的问题。 span-＆gt;复选框CSS解决方案。无论如何，你可以使用SPAN做与DIV相同的事情

Answer 2

告诉我这是否是你要问的。如果您在div内单击，则会选择单选按钮

＆＃13;

function exec() {
  document.getElementById('rb').checked = true;
}

＆＃13;

#btn {
  width: 80px;
  height: 80px;
  border: 1px solid;
}

＆＃13;

<div id="btn" onclick="exec()">
<input type="radio" name="rbtn" value="yes" id="rb"/>
</div>

＆＃13;

使父div重写其中的单选按钮

2 个答案: