html - DIV 触发单选按钮

Question

我正在努力让我的“事件” div 触发分配的单选按钮。

<section class="main">
<ul class="timeline">

    <li class="event">
        <input type="radio" name="tl-group"/>
        <label></label>
        <div class="thumb user-3">title</div>

                    <div class="content-perspective">
                        <div class="content">
                            <div class="content-inner">
                                <h3>Title</h3>
                                                <p>TEXT</p>
                            </div>
                        </div>
                    </div>
    </li>  

    <li class="event"> 
    ...
    </li> 

</ul>

我也想<div class="thumb user-3">title</div>作为单选按钮工作。我希望两者都是可点击的。我尝试了不同的想法，但似乎不起作用。

非常感谢。

Answer 1

单击div时，您可以将radio的checked属性设置为“checked”。

<div class="thumb user-3" onclick="document.getElementsByName('tl-group').checked='checked';">title</div>

Answer 2

我也一直在寻找相同的代码。有效！拯救了我的一天。

div class="thumb user-3" onclick="document.getElementsByName('tl-group')[0].checked='‌​checked';"

对于那些希望通过几乎不点击任何地方（单选按钮、img div 或...触发事件的内容内部）来改进现有代码的人，这是适合我的代码：

div class="content-inner" onclick="document.getElementsByName('tl-group')[0].checked='checked';"

将 [0] 增加到 1,2,3 等以获得更多内容数组。