关于javascript:根据复选框显示/隐藏输入字段

Show/hide input field based on checkbox

本问题已经有最佳答案,请猛点这里访问。

如果单击复选框,它将显示一个输入字段…到目前为止,它是有效的,但如果复选框未选中,它应该隐藏它,我怎么做呢?

1
2
3
4
5
6
7
8
9
10
    <label class="checkbox-custom">
    <input type="checkbox" name="clases" id="clases" value="yes">
    <i class="fa fa-fw fa-square-o"> Doy clases particulares/grupales
    </label>
   


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

这是剧本

1
2
3
4
5
6
7
    <script type="text/javascript">
    $(document).ready(function () {
     $("#descripcion").hide();
    $("#clases").click(function () {
    $("#descripcion").show();
    });
    });


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