Help! Subject: Check Radio Buttons and Checkboxes by Default

***Edited to add my solution.
Literally every post having the same issue with this exercise had someone in it that said the code worked for them on their end. My code was the same. SO. The only way I could get FCC to accept the code and not give me the same message was to get onto Chrome and log in and run it over there. Guess what? It was successful. Also- I tried turning on and off pop-up blockers, made sure I was at 100%, don’t use dark mode… I just had to switch from Safari to Chrome to get it to work… Just in case any one else has this issue and finds my post. :slight_smile:

Hi! I need some help with the current exercise of FCC I’m working on: Check Radio Buttons and Checkboxes by Default.

As someone mentioned in reply to another student’s post, I’ve ensured that pop-up blockers aren’t interfering and neither is any dark modes.

I am continuing to have issues with the radio buttons and checked boxes. On my end it looks like the first radio and checkbox are in fact checked… But when I have it checked it says, " You should not change the inner text of the Indoor label. You should not change the inner text of the Loving label."

I’m not sure how to remedy the code. Any help will be much appreciated.

Thanks in advance! :slight_smile:

  **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"  value="indoor" checked> Indoor</label>

  <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
  <label for="loving"><input id="loving" type="checkbox" name="personality"  value="loving" checked> Loving</label>
  <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
  <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>
  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_3) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.0.5 Safari/605.1.15

Challenge: Check Radio Buttons and Checkboxes by Default

Link to the challenge:

Hi @kesiamarie. It may not be very helpful for you, but I just copy and pasted your solution 1 to 1 in my Chrome browser in the same exercise and it passed. Your code is good, it seems to have to do with a strange behavior of Safari. Hope you find a solution. Keep the faith! :four_leaf_clover:

1 Like

@MarkusEicher , thank you so much for your encouragement! I did end up running it through on Chrome rather than Safari and it worked! I appreciate your willingness to help! :slight_smile: Thanks again!

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.