根据复选框显示/隐藏输入字段 [英] 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屋!
查看全文