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(); }); |