JQuery: Trigger click event

Question

How can i trigger a click on a radio button if I click on the element click? The element click always comes after the radio button and this should work with multiple radio buttons. Any Idea how this could be done?

<div class="option">
<input type="radio" class="option--input" id="radio1" name="radio">
<div class="click"></div>
</div>

<div class="option">
<input type="radio" class="option--input" id="radio2" name="radio">
<div class="click"></div>
</div>

Here is my try:

$(document).on('click', '.click', function(event) {
    $(this).closest(".option--input").prev().click();
});

use this context with .prev() or .parent().find() (if multiple radio button) — guradio
– guradio, Commented Jul 30, 2016 at 11:04

Andreas · Accepted Answer · 2016-07-30 11:13:46Z

1

There is no need for jQuery at all as there is already a HTML element exactly for this purpose: <label />

.click {
  width: 50px;
  height: 50px;
  background-color: red;
}

<div class="option">
  <input type="radio" class="option--input" id="radio1" name="radio1">
  <label for="radio1">
    <div class="click"></div>
  </label>
</div>

<div class="option">
  <input type="radio" class="option--input" id="radio2" name="radio1">
  <label for="radio2">
    <div class="click"></div>
  </label>
</div>

answered Jul 30, 2016 at 11:13

Andreas

21.9k7 gold badges52 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

JQuery: Trigger click event

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related