Why $("input:radio") is not working?

Question

I can highlight radio button !! Why ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Document</title>
<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript">
$("document").ready(function() {
     $("input:radio").css('border','1px solid red');
});
</script>
<style type="text/css">
.a { color: Navy; }
.b { color: Maroon; }
</style>
</head>
<body>
<form>
<input type='radio' checked='checked'>Male
<input type='radio>Female
</form>
</body>

I saw many codes in stackoverflow like this used by people

the selector is just fine.... what you are trying to do is the problem — Arun P Johny, Oct 06 '14 at 09:21
I dont think that, we can apply border to radio button like this — Anoop Joshi P, Oct 06 '14 at 09:21

score 0 · Answer 1 · answered Oct 06 '14 at 09:16

0

Use as

 $(document).ready(function() {

instead of

 $("document").ready(function() {

answered Oct 06 '14 at 09:16

Amit

15,217
8
46
68

Why $("input:radio") is not working?

1 Answers1