隱藏HTML元素的div

-3

<div class="checkbox"><input value="Yes" name="beta_interest" class="checkbox-input" id="beta_interest" type="checkbox"> <label for="beta_interest" class="checkbox-label icon-checkmark">Are you interested in joining program?</label></div> 
<div class="checkbox"><input value="Yes" name="opt_in" class="checkbox-input" id="opt_in" type="checkbox"> <label for="opt_in" class="checkbox-label icon-checkmark">Yes, I’m interested in receiving announcements</label></div>

我需要根據某些下拉條件隱藏或顯示第二個div。我如何隱藏或顯示？隱藏HTML元素的div

來源

2016-05-09 user3276594

您可能也有興趣http://stackoverflow.com/questions/35622147/hide-a-div-with-css-only演示在那個演示如何使用複選框以及。 – BSMP

這個問題措辭可怕，但你的答案是使用.hide()擴展名。只需使用$('elementIdentifier').hide();

來源

2016-05-09 19:43:58 RhysO

這似乎沒有工作 – user3276594

@ user3276594你有沒有JQuery添加？ – RhysO

是的，我已經添加了jquery libarary，它加載罰款。我需要隱藏id =「opt_in」 – user3276594

一下添加到div的樣式屬性：

style=display:none;

，並顯示div：在下拉

style=display:inline;

來源

2016-05-09 19:44:35

使用更改的功能，然後隱藏div根據條件。

$(document).ready(function() { 
 
    $('#divChanger').change(function() { 
 
    var value = $("#divChanger").val(); 
 
    if (value == 1) { 
 
     $("#first").hide(); 
 
    } 
 
    if (value == 2) { 
 
     $("#second").hide(); 
 
    } 
 
    }) 
 
})

<select id="divChanger"> 
 
    <option vlaue="">Select here</option> 
 
    <option value="1">1</option> 
 
    <option value="2">2</option> 
 
</select> 
 
<div id="first"> 
 
    <h1> 
 
I am First Div 
 
</h1> 
 
</div> 
 
<div id="second"> 
 
    <h1> 
 
I am second div 
 
</h1> 
 
</div> 
 
</div> 
 
</div>

這裏的fiddle例如。

來源

2016-05-09 20:05:27

隱藏HTML元素的div

回答

相關問題