изменение текста И отображение дополнительного div в зависимости от установленного флажка в форме?

Question

Последние несколько часов я искал везде, так что это моя последняя надежда!У меня есть форма, у которой есть флажок, и ниже у меня есть текстовый ввод с описанием, кроме него с надписью «Ваше имя».Я хочу изменить его так, чтобы, когда кто-то проверял форму, он изменил описание, помимо ввода текста, на «Ваш ник» вместо «Ваше имя».

Кроме того, если флажок установлен, онтакже необходимо показать скрытый div под формой с большим содержанием.Аналогично, если флажок снова не установлен, он должен снова вернуться к «Твоему имени» и снова скрыть div.

Я с радостью назову моего первенца после тебя, если ты поможешь мне!лол.

Answer 1

Дайте мне код - здесь это-

HTML:

<div>
    <input type="checkbox" id="checkBoxId" name="checkName" />
    <br/>
    <span id="description">Your Name </span>
    <input type="text" name="name" value="" />
    <br/>
    <div id="moreContentId" style="display: none;"> Here goes some more content ! </div>
</div> 

JavaScript:

$("#checkBoxId").click( function() {

     if($("#checkBoxId").is(":checked")) {
        /*When the checkbox is checked*/
        $("#description").html("Your Nickname"); //change the description
        $("#moreContentId").show(); // show some content
    }
    else {
        /*When the checkbox is not checked*/
        $("#description").html("Your Name"); // revert back the description
        $("#moreContentId").hide(); // hide the content
    }
});