如果使用javascript选中复选框，如何更改文本颜色和字体粗细？

Question

Make the text saying “I have read and agree to the terms and conditions” change to the colour black and remove the bold if the user checks the terms and conditions checkbox, and return to the original formatting if they uncheck the checkbox

Code from php file

<p style="color: #FF0000; font-weight: bold;" id='termsText'>I have read and agree to the terms and conditions <input type="checkbox" name="termsChkbx"></p>

what should be the javascript file code should be by using document.getElementById

Answer 1

I do not have your code but I am supposing what you need is something like this.

you gonna have your HTML like this

    <p style="color: #FF0000; font-weight: bold;" id='termsText'>
I have read and agree to the terms and conditions
<input type="checkbox" name="termsChkbx"></p>

And your javascript should be something like this.

var input1=document.getElementsByName('termsChkbx')[0];
input1.onclick=function(){
    if(input1.checked){
    document.getElementById('termsText').style="color:black; font-weight: bold;";
    }else{
    document.getElementById('termsText').style="color:red; font-weight: bold;";
  }

}