Question

我正在努力让我的“event”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或...... content-inner来触发事件）来改进现有代码的人来说，这是适用于我的代码：

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

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

DIV触发单选按钮

2 个答案: