JQuery——使用单选框控制输入框显示与隐藏

最新推荐文章于 2024-07-17 23:34:52 发布

JieFighting

最新推荐文章于 2024-07-17 23:34:52 发布

阅读量1.5k

点赞数 3

分类专栏：前端文章标签： jquery ajax

本文链接：https://blog.csdn.net/fuzhijieabc/article/details/120489257

版权

前端专栏收录该内容

13 篇文章 1 订阅

订阅专栏

实现效果

在这里插入图片描述
点击通过时，不显示“理由”输入框

点击不通过时，显示该输入框

html

<div class="form-group">
            <label class="col-sm-3 control-label is-required">审核：</label>
            <div class="col-sm-8">
                <input type="radio" name="shenhe" value="0">通过
		<input type="radio" name="shenhe" value="1">不通过
            </div>
        </div>
        <div class="form-group" id="div-reason">
            <label class="col-sm-3 control-label is-required">理由：</label>
            <div class="col-sm-8">
                <textarea name="reason" class="form-control" id="reason" th:field="${jnkc.reason}"  required></textarea>
            </div>
        </div>

jquery

 $(function() {

        $('#div-reason').hide();
    $('input:radio[name="shenhe"]').change(function(){
        var v = $(this).val();
        if(v == '1'){
            $('#div-reason').show();
        }else {
            $('#div-reason').hide();
        }
    });
    })