在複選框狀態變化上切換文本

我不想做任何奇怪的事情......只是希望「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>

來源

2013-04-04 Edward Charkow

添加JsFiddle鏈接並提出問題 – 2013-04-04 20:48:00

哪個版本的jQuery？ – hjpotter92 2013-04-04 20:49:38

它正在爲我工作，因爲它是http://jsfiddle.net/ZJmw3/ – hjpotter92 2013-04-04 20:51:59

我認爲你有兩個小錯誤：

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

來源

2013-04-04 20:49:26 Steve

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

或Steve的解決方案也可以正常工作。

來源

2013-04-04 20:50:31

這是字面上正是我幾分鐘前 - 仍然沒有工作。該網站有樹枝和bootstrap - 並且有一些條件在那裏 - 一定不能正確關閉，因爲它仍然無法正常工作。 – 2013-04-04 21:09:47

如果您在Chrome中打開它，請檢查元素並檢查您的控制檯。你可能有一個全局的JS異常阻止了它的運行。 – 2013-04-04 21:10:56

我想我會彈出並解釋問題，因爲每個人的答案和我的原始代碼都工作正常。事實證明，我已經將引導文件包含了兩次 - 一次是在模式中，一次是在原始頁面上。一旦我把它拉出來，它回到行爲:)

感謝您的幫助，雖然所有。

來源

2013-04-22 20:02:54

在複選框狀態變化上切換文本

回答

相關問題