Problem with checkbox

Tell us what’s happening:
Describe your issue in detail here.

  **Your code so far**

<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>
<form action="https://www.freecatphotoapp.com/submit-cat-photo">
  <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label>
  <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
<label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">indoor
</label>
  <label for="indoor">
<input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>
<label for="outdoor">
<input id="outdoor" value="outdoor" type="radio" name="indoor-outdoor">Outdoor
</label>







<label for="loving">
<input id="loving" value="loving" type="checkbox"name="personality">loving 
</label>
<label for="lazy">
<input id="lazy"
value="lazy"
type="checkbox"
name="personality">lazy
</label>
<label for="energetic">
<input id="energetic"
value="energetic"
type="checkbox"
name="personality">energetic
</label>
</form>
</main>
 Im trying to do this practice but the checkboxes arent working whats wrong??

HI @Jvssims !

Welcome to the forum!

Can you please provide the challenge link?

Also, it looks like you have to many radio and checkboxes.
And most of them are duplicates.
But I won’t know for sure until you send the challenge link

Hello,

Can you access it there?

I’m going to steal this one from @jwilkins.oboe :man_supervillain:!

I’ve spotted the error, but I want you to try and fix it yourself before I spoil it to you. “Reset all code” on this lesson and start fresh and from that point, follow the step-by-step instructions without altering anything else.

Notice the difference between the official solution and your solution?

Capitalization! The solution wants loving, lazy, and energetic capitalized :grimacing:

Sometimes it’s the little things!

I would go ahead and reset the lesson.

Reread the directions carefully when it says this
Do not create any new radio or checkbox elements.

Your task is to add the value attribute to the radio and checkboxes

Take a look at the example they gave you

<label for="indoor">
  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

This is the value attribute

value="indoor"

So you need to add the value attributes for all of the radio and checkboxes.
Hope that helps!

I still dont think i got your point unfortunately. Could you elaborate please ?

This is your form

 <form action="https://www.freecatphotoapp.com/submit-cat-photo">
    <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor"> Indoor</label>
    <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor"> Outdoor</label><br>
    <label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
    <label for="lazy"><input id="lazy" type="checkbox" name="personality"> Lazy</label>
    <label for="energetic"><input id="energetic" type="checkbox" name="personality"> Energetic</label><br>
    <input type="text" placeholder="cat photo URL" required>
    <button type="submit">Submit</button>
  </form>

Step 1 is to not create any new html tags.

In your original code you added a whole bunch of extra duplicate tags.

This is incorrect.

When you reset the lesson, use the code that is already there.

Step 2:
Look at the example code they gave you here

<label for="indoor">
  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

Look very carefully at the input here

  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor

Notice the value attribute here

value="indoor"

Your job is to add a value attribute to each of the radio and checkboxes.

For example, you will add a value attribute of loving to the input

    <label for="loving">
<input id="loving" type="checkbox" name="personality" ADD VALUE ATTRIBUTE HERE> Loving
</label>

You need to go through each of the radio buttons and checkboxes and add a value attribute with the correct names.

Hope that is clearer.

I did that for loving and it still says wrong
!please check the pic below

image|690x229

It is best to write your code directly into the forum instead of sharing screenshots.

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

I don’t see a value attribute in the code shared.
And you are still changing the text here

It shouldn’t be lowercase.

That was the point that @ThatTyGuy was making earlier.
I would reset the lesson again.

Make sure the only changes you make are inside the input which is this

Im not sure if i found any answer here im getting more complicated :sweat_smile:

Have you clicked the Reset All Code button yet?

The main issue is that you are still changing the wrong things.

Take a minute and look at this example again.

<label for="indoor">
  <input id="indoor" value="indoor" type="radio" name="indoor-outdoor">Indoor
</label>

Can you see where the value attribute is?

I did that.

name=“personality”>Loving 
</label>

And still its not marked as correct

Please copy paste absolutely all of your code into your posts every time. That partial scrap of code isn’t something we can debug.

Sorry but i am new to this. Not sure how or if i can copy the code anyways?

Are you unfamiliar with using copy and paste?

You need to go to your code, highlight it all, copy it (CTRL + C), and then paste the full code into the forum posts. Only posting a portion of the code doesn’t show us what you have and have not fixed.

This is a name attribute

That challenge wants you to add a value attribute

value="loving"

See the difference?

1 Like

I am on phone sorry. No ctrl+c thing thats why probably

Then you highlight your code and press and hold until you get the option to copy.