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

我认为你有两个小错误：

您需要在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 2

$(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>

或史蒂夫的解决方案也可以正常工作。

Answer 3

我想我会回来并解释这个问题，因为每个人的答案和原始代码都运行良好。事实证明我已经将引导文件包括两次 - 一次在模态中，一次在原始页面上。一旦我把它拉出来，它又回到了表现：）

感谢所有人的帮助。

在复选框状态更改时切换文本

3 个答案: