jquery - 单选按钮的标签在使用 jquery modal popup 创建的弹出窗口中不起作用

Question

这听起来更像是一个 html 问题而不是 jquery，我希望有人可以帮助我解决这个问题。

我有一个隐藏的 div，其中包含带有 Label For 标签的单选按钮。这在页面上效果很好（我通过从 div 中删除隐藏属性进行了测试），但是当我从使用 jquery 创建的模式弹出窗口中拉出该 div 内容时，我的 Label For 在弹出窗口上不起作用。似乎当我从模态窗口单击标签时，它会单击父页面上的相应单选，而不是模态窗口上的单选。

谢谢你的帮助。

Answer 1

嗯...将标签连接到输入元素的老式方式是为标签赋予与输入元素for相等的属性id。

<label for="acceptEmail" >Accept emails</label>
<input type="checkbox" id="acceptEmail" />

您也可以通过将输入元素放在标签内来获得相同的结果。

<label>Accept emails
  <input type="checkbox" id="acceptEmail" />
</label>

Answer 2

我在输入旁边添加了一个带有 class="text" 的 span 标签

            <label>
                <input type="radio" name="rr"  />
                <span class="text">&nbsp;</span>
            </label>