Question

勾选复选框实现隐藏div

<div class="form-group clearfix">
<div class="tiaokuan_box">
<input id="isyqm" name="isyqm" type="checkbox" checked="checked" class="check-input">
<span>使用邀请码</span>
</div>
</div>
<div class="form-group clearfix">
<label class="form-label">邀请码</label>
<div class="l form-divyzm">
<input class="form-control" id="txtInviteCode" name="txtInviteCode" type="text">
</div>
</div>
<input type="hidden" id="yqm" name="yqm" value="1" />
怎么写实现勾选“使用邀请码”复选框是显示复选框下面的标题文字和input，再把下面的隐藏input（yqm）的value设为1，取消勾选后隐藏，再把yqm的value设为0

Answer 1

<div class="form-group clearfix">
                            <div class="tiaokuan_box">
                                <input id="isyqm" name="isyqm" type="checkbox" checked="checked" class="check-input" onchange="cg(this)">
                                <span>使用邀请码</span>
                            </div>
                        </div>
                        <div class="form-group clearfix">
                            <label class="form-label">邀请码</label>
                            <div class="l form-divyzm">
                                <input class="form-control" id="txtInviteCode" name="txtInviteCode" type="text">
                            </div>
                        </div>
                        <input type="hidden" id="yqm" name="yqm" value="1" />
                        
                        
//000000000

var cg = function(ck){
    var div = ck.parentElement
                .parentElement
                .nextElementSibling;
    if(ck.checked){
        div.style.display = "block";
        yqm.value = 1;
    }else{
        div.style.display = "none";
        yqm.value = 0;
    }
}