jquery - 切换复选框状态更改的文本

Question

我不想做任何花哨的事情......只是希望“noshowuntilchangevelocity”类的内容在特定复选框状态更改时在显示和隐藏之间切换。

$(document).ready(function()
    {

     $("input#velocity").change(function()
        {
            $('#noshowuntilchangevelocity').toggle();
        });

 });
<input id="velocity" name="velocity" type="checkbox"value="Y" checked>
<div id="noshowuntilchangevelocity"style="display: hidden;">
<p class="bolder">You are changing this selection</p>
</div>

Answer 1

我想我会回过头来解释这个问题，因为每个人的答案和我的原始代码都运行良好。结果我两次包含引导文件 - 一次在模式中，一次在原始页面中。一旦我把它拉出来，它就恢复了行为:)

感谢大家的帮助。

Answer 2

我认为你有两个小错误：

• 您需要在id="noshowuntilchangevelocity"和之间添加一个空格style="display:none;"
• 你需要使用display:none;而不是display:hidden;

这是一个正确的版本：

<input id="velocity" name="velocity" type="checkbox" value="Y" checked>
<div id="noshowuntilchangevelocity" style="display: none;">
    <p class="bolder">You are changing this selection</p>
</div>

Answer 3

$(document).ready(function()
    {
    $('#noshowuntilchangevelocity').hide()
     $("input#velocity").change(function()
        {
            $('#noshowuntilchangevelocity').toggle();
        });

 });
<input id="velocity" name="velocity" type="checkbox" value="Y" checked>
<div id="noshowuntilchangevelocity">
    <p class="bolder">You are changing this selection</p>
</div>

或者史蒂夫的解决方案也很好用。