EN
JavaScript - select checkbox on click on related text
0 points
In this article, we would like to show you how to select and unselect checkbox on click on related text using JavaScript.
Quick solution:
xxxxxxxxxx1
<div>2
<input type="checkbox"/>3
<span onclick="this.previousElementSibling.click();">Click here to check input</span>4
</div>
In this example, we simulate a click event on the previousElementSibling property of a label (span element) that is right after the input that we want to check/uncheck.
xxxxxxxxxx1
2
<html>3
<body>4
<div>5
<input type="checkbox"/>6
<span onclick="this.previousElementSibling.click();">Click here to check input</span>7
</div>8
</body>9
</html>