Question

过去几个小时我到处搜寻，所以这是我最后的希望！我有一个表格，其中有一个复选框，下面我有一个文字输入，除了说“你的名字”之外还有描述。我想更改它，以便当有人检查表单时，它会将文本输入之外的描述更改为“您的昵称”而不是“您的姓名”。

此外，如果选中该复选框，则还需要在表单下方显示包含更多内容的隐藏div。同样，如果再次取消选中此框，它应该再次返回“您的名字”，并再次隐藏div。

如果你能帮助我，我很乐意为你生下的第一个孩子命名！洛尔。

Answer 1

给我代码 - here它是 -

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
    }
});

根据表单中选中的复选框更改文本并显示其他div？

1 个答案: