根据复选框显示/隐藏输入字段 [英] Show/hide input field based on checkbox

问题描述

如果单击该复选框，它将显示一个输入字段...到目前为止，它仍在工作；但是，如果未选中该复选框，则应将其隐藏，我该怎么办？

If the checkbox is clicked it will display an input field... so far it it is working, But if the checkbox is unchecked it should hide it, how can i do it?

    <div class="checkbox"> 
    <label class="checkbox-custom"> 
    <input type="checkbox" name="clases" id="clases" value="yes">
    <i class="fa fa-fw fa-square-o"></i> Doy clases particulares/grupales
    </label> 
    </div>


    <div class="input" id="descripcion">
    <label for="exampleInputEmail1">Descripcion</label>
   <textarea type="textarea" rows="7" cols="" class="form-control"  name="descripcion" placeholder="" required></textarea>
    </div>

这是脚本

    <script type="text/javascript">
    $(document).ready(function () {
     $("#descripcion").hide();
    $("#clases").click(function () {
    $("#descripcion").show();
    });
    });
    </script>  

推荐答案

$("#clases").change(function () {
   $("#descripcion").toggle();
});

这篇关于根据复选框显示/隐藏输入字段的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！