单选按钮选择标签链接点击

Question

我有一组单选按钮，标签上有链接。该链接只播放一个mp3（使用schillimania的soundmanager），因此用户停留在页面上，播放一个mp3文件。

<div id="edit-quest-1" class="form-radios"><div class="form-item form-type-radio form-item-question-1"> <input 
type="radio" id="edit-question-1-5" name="question_1" value="5" 
class="form-radio"> <label class="option" 
for="edit-question-1-5">Option without link on label</label> 

</div> <div class="form-item form-type-radio form-item-question-1"> 
<input type="radio" id="edit-question-1-4" name="question_1" value="4" 
class="form-radio"> <label class="option" for="edit-question-1-4"><a 
class="sm2_link" href="sample2.mp3">Option 2</a> 
</label> 

</div> <div class="form-item form-type-radio form-item-question-1"> 
<input type="radio" id="edit-question-1-12" name="question_1" 
value="12" class="form-radio"> <label class="option" 
for="edit-question-1-12"><a class="sm2_link" 
href="sample3.mp3">Option 3</label> 
</div> 

如果我点击没有链接的第一个标签，收音机的复选框被选中，因为它应该。但是，如果我点击第二个或第三个选项，那些链接到mp3文件的选项，那么它将播放我的声音，但不会选择与标签对应的单选按钮。

如何在用户点击试听mp3的标签时选择单选按钮？用不同的词语来问同一个问题。我怎样才能点击选项2和选项3的标签并播放声音，并同时选择相应的单选按钮。

非常感谢

Answer 1

您可以使用jQuery的一点点.click()每次点击其内锚标​​记时间的标签。请注意，下面的代码片段不能正常工作，因为音频文件不存在于URL中给出的相对路径中。

$('.sm2_link').on('click', function() { 
 
    this.parentNode.click() 
 
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="edit-quest-1" class="form-radios"> 
 
    <div class="form-item form-type-radio form-item-question-1"> <input type="radio" id="edit-question-1-5" name="question_1" value="5" class="form-radio"> <label class="option" for="edit-question-1-5">Option without link on label</label> 
 

 
    </div> 
 
    <div class="form-item form-type-radio form-item-question-1"> 
 
    <input type="radio" id="edit-question-1-4" name="question_1" value="4" class="form-radio"> <label class="option" for="edit-question-1-4"><a 
 
class="sm2_link" href="sample2.mp3">Option 2</a> 
 
</label> 
 

 
    </div> 
 
    <div class="form-item form-type-radio form-item-question-1"> 
 
    <input type="radio" id="edit-question-1-12" name="question_1" value="12" class="form-radio"> <label class="option" for="edit-question-1-12"><a class="sm2_link" 
 
href="sample3.mp3">Option 3</a></label> 
 
    </div>