jquery让checkbox控制div的显示与隐藏

发布时间:2021-04-28 09:34:01    发布者:文昌文城莱奥网络技术工作室    浏览次数:1211

使用checkbox控制div的显示与隐藏。

一,html代码:

<input type="checkbox" name="checkYaml" id="checkYaml" /> 发布<div  id="branch_build_div">
    文本内容</div>

二,JS代码:

$(document).ready(function(){   
    $("#checkYaml").change(function() {        if ($("#checkYaml").prop("checked")) {
            $("#branch_build_div").hide();
        } else {
            $("#branch_build_div").show();
        }

    });
});