• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

271
Views
i'm trying to make a dinamic checkbox in react using a state that combine multiple states but checkbox value is always "on" not even false or true

i have tried already to assign the checkbox checked=true so the btn works. i also tried to get to the value of the checkbox either from the e.target.value/checked but also no good came from it. if someone can help me i will be most greatful. thanks a lot here is the code:

here is the checkbox element:

  <label key={uuidv4()}>
            <span>{masters[index].free_text}</span>
            <input
              type="checkBox"
              name={masters[index].name}
              id={masters[index].name}
              checked={false}
              required={masters[index].required}
              // value={inputsAdContent.name?"true":"false"}
              onChange={handleChangeAdContent}
            />
          </label>

when the element is looking like this i get false at all times and it doesnt change

<label key={uuidv4()}>
            <span>{masters[index].free_text}</span>
            <input
              type="checkBox"
              name={masters[index].name}
              id={masters[index].name}
              
              required={masters[index].required}
              value={inputsAdContent.name==="true" ? "true" : "false"}
              onChange={handleChangeAdContent}
            />
          </label>

and here is the onChange:

 <label key={uuidv4()}>
            <span>{masters[index].free_text}</span>
            <input
              type="checkBox"
              name={masters[index].name}
              id={masters[index].name}
              
              required={masters[index].required}
              value={inputsAdContent.name==="true" ? "true" : "false"}
              onChange={handleChangeAdContent}
            />
          </label>

at the console i get this msg:

air_conditioner: "on"

this is the state i'm using:

const [inputsAdContent, setInputsAdContent] = useState({});

thank you all very much!!!

about 3 years ago · Juan Pablo Isaza
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error