w3resource
jquery exercises

jQuery: Check/uncheck a checkbox input or radio button

jQuery core : Exercise-5 with Solution

Check/uncheck a checkbox input or radio button.

Sample Data :

 <body>
 <form action="">
 <input type="radio" name="sex" value="male" checked>Male<br>
 <input type="radio" name="sex" value="female">Female
 </form>
 </body>

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<meta charset="utf-8">
<title>Check/uncheck a checkbox input or radio button</title>
</head>
 <body>
 <form action="">
 <input type="radio" name="sex" value="male" checked>Male<br>
 <input type="radio" name="sex" value="female">Female
 </form>
 </body>
</html>

JavaScript Code :

$('input:radio[value=female]').prop("checked", true );;

Live Demo:

See the Pen jquery-core-exercise-5 by w3resource (@w3resource) on CodePen.


Contribute your code and comments through Disqus.

Previous: Find the specific option tag text value of a selected option.
Next: Write jQuery code to append a div element (and all of its contents) dynamically to the body element.

What is the difficulty level of this exercise?



New Content: Composer: Dependency manager for PHP, R Programming