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()标签。请注意，下面的代码段无法正常运行，因为音频文件不存在于您的网址中指定的相对路径上。

＆＃13;

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

＆＃13;

<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>

＆＃13;

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

1 个答案: