隐藏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

回答

相关问题