Q:

Finds all inputs that don't have the name 'color' and appends text to the span next to it using jquery

hamza
Save to bookmark
|
2022-05-18
|
  135 
0

Finds all inputs that don't have the name 'color' and appends text to the span next to it.

JQUERY,
login and add your own answer to this question

All Answers

hamza
2022-05-18
need an explanation for this answer? contact us directly to get an explanation for this answer

HTML Code :

<!DOCTYPE html>
<html>
<head>
<script src="https://code.jquery.com/jquery-git.js"></script>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Finds all inputs that don't have the name 'color' and appends text to the span next to it.</title>
<style type="text/css">
button {
display: block;
margin: 20px 0 0 0;
} 
</style>
</head>
<body>
<div>
<input type="radio" name="color" value="Red">
<span>Red</span>
</div>
<div>
<input type="radio" value="Cold Fusion">
 <span>Sky</span>
 </div>
 <div>
 <input type="radio" name="accept" value="Evil Plans">
 <span>Sea</span>
 </div>
 <button id="button1">Click to see the effect</button>
 </body>
 </html>

JavaScript Code :

$('#button1').click(function(){ 
$( "input[name!='color']" ).next().append( "<b>: not a color</b>" );
});

need an explanation for this answer? contact us directly to get an explanation for this answer

total answers (1)

Similar questions

need a help?

find thousands of online teachers now